首頁 > web前端 > js教程 > 探討JavaScript標籤位置的存放與功能有無關係_javascript技巧

探討JavaScript標籤位置的存放與功能有無關係_javascript技巧

WBOY
發布: 2016-05-16 15:19:51
原創
1025 人瀏覽過

在網頁中,我們可以將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標籤位置的存放與功能緊密相關,希望本文所述對大家有所幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板