Di manakah teg skrip biasanya ditulis dalam HTML?

Kedudukan teg skrip: 1. Letakkannya di dalam teg kepala Penyemak imbas menghuraikan teg skrip, ia akan memuat turun semua skrip dahulu dan kemudian menghuraikan HTML yang lain kandungan halaman web akan diubah persembahan yang ketinggalan dan pengalaman pengguna yang lemah. 2. Jika diletakkan di dalam teg badan, penyemak imbas akan menghuraikan keseluruhan halaman HTML dahulu, dan kemudian memuat turun dan menghuraikan js. 3. Selepas meletakkannya selepas teg penutup badan, penyemak imbas akan mengabaikan "", jadi kesan sebenar tidak berbeza dengan menulisnya sebelum teg penutup badan.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Secara amnya, tag skrip akan diletakkan di bahagian kepala atau ekor.

1. Tag skrip diletakkan di dalam tag kepala

    <title>获取DOM元素</title>
    <script>
        var myElement = document.getElementById("atag");
        console.log(myElement);
    </script>


    <div>
        <p>一个标签</p>
    </div>

Hasil cetakan:

Apabila skrip tag diletakkan di dalam Apabila ia berada dalam teg kepala, penyemak imbas menghuraikan HTML Apabila ia menghuraikan teg skrip, ia mula-mula memuat turun semua skrip dan kemudian menghuraikan HTML yang lain. Apabila penyemak imbas memuat turun js, berbilang js tidak boleh dimuat turun pada masa yang sama, dan apabila penyemak imbas memuat turun js, ia akan menyekat penghuraian HTML lain. Oleh itu, meletakkan teg skrip di kepala akan menyebabkan kandungan web ketinggalan dan membawa kepada pengalaman pengguna yang lemah.

2. Letakkan teg skrip di dalam teg badan

    <div>
        <p>一个标签</p>
    </div>
<script>
    var myElement = document.getElementById("atag");
    console.log(myElement);
</script>

Letakkan teg skrip di hujung badan , penyemak imbas akan terlebih dahulu menghuraikan keseluruhan halaman HTML, dan kemudian memuat turun js Dengan cara ini, jika terdapat ralat dalam pelaksanaan js, sekurang-kurangnya elemen dalam halaman masih boleh dimuatkan, kerana dokumen DOM dilaksanakan dalam. susunan dari atas ke bawah. Tetapi untuk sesetengah halaman web yang sangat bergantung pada js, ini akan kelihatan sangat perlahan.

3. Tag skrip diletakkan selepas tag penutup badan

    <div>
        <p>一个标签</p>
    </div>

<script>
    var myElement = document.getElementById("atag");
    console.log(myElement);
</script>

Walaupun ia diletakkan sebelum dan selepas tag penutup badan Hasil cetakan adalah sama, tetapi bermula dari HTML 2.0, meletakkan body闭标签之后 adalah substandard. Sebab mengapa penyemak imbas tidak akan melaporkan ralat adalah kerana jika skrip atau teg permulaan mana-mana elemen muncul semula selepas body标签之后, ia akan menjadi prase error (ralat tatabahasa), dan penyemak imbas akan mengabaikan

Atas ialah kandungan terperinci Di manakah teg skrip biasanya ditulis dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!