javascript - Apakah html yang ditulis dalam skrip?

Question

Saya melihat bahawa beberapa laman web menulis html dalam tag skrip. Bukankah betul menulis js? ?

Answer 1

Ini ialah templat HTML biasa dalam era jQuery. Kod tersebut kelihatan seperti berikut

<script id="my-template" type="text/x-custom-template">
    <p class="xxx">
        <p class="yyy">%name%</p>
        <p class="zzz">%value%</p>
    </p>
</script>

Teg

skrip menghalang kandungan templat daripada dipaparkan pada halaman. Oleh itu, apabila menggunakan jQuery untuk memaparkan data, tidak perlu untuk penggabungan rentetan HTML Sebaliknya, anda hanya perlu mengeluarkan teks HTML secara langsung dalam templat dan menggunakan JS untuk melakukan penggantian biasa:

.

var template = document.getElementById("my-template").innerHTML;
var html = template
            .replace(/%name%/, data['name'])
            .replace(/%value%/, data['value']);
// insert HTML...

Dengan cara ini, anda boleh menjadikan data JSON yang diperolehi oleh Ajax ke dalam teks HTML gaya dengan mudah.