探討JavaScript標籤位置的存放與功能有無關係_javascript技巧
- WBOY原創
- 2016-05-16 15:19:511011瀏覽
在網頁中，我們可以將JavaScript程式碼放在html檔案中任何位置，但一般放在head或body標籤裡面。
一般來說，<script>元素放在哪裡與其的功能作用是緊密相關的，在這裡討論2種情況：</script>
1、放在裡
將<script>元素放在head中是為了讓瀏覽器在一開始就讀取，<script>元素會在整個網頁最開始解析時就加載執行，其優先次序僅次於<title>元素。 <br /> </script>
然後依序向下解析渲染。
應用：例如進行頁面顯示初始化的js必須放在head裡面。
2、放在部分
瀏覽器依照頁面標籤順序依序解析，讀取到JavaScript程式碼時就會執行語句。
但有的JS函數是透過事件呼叫的，所以具體放在頁面的哪個位置並不影響其發揮作用的時間，所以，在考慮到前端性能方面的問題後，可以把不是最先執行的和事件呼叫的JS程式碼放在body的最下面。
寫一寫看咯：
<!DOCTYPE HTML>
<html>
<head>
<title>JS代码的位置</title>
<script type="text/javascript">
document.write("I'M HEAD javascript");
</script>
</head>
<body>
<script type="text/javascript">
document.write("I'M body javascript");
</script>
</body>
</html>
由上述所述看出，javascript標籤位置的存放與功能緊密相關，希望本文所述對大家有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn