探討JavaScript標簽位置的存放與功能有無關(guān)系
更新時間：2016年01月15日 11:05:59 作者：詩吟
在網(wǎng)頁中，我們可以將JavaScript代碼放在html文件中任何位置，但一般放在head或body標簽里面。一般來說，<script>元素放在哪里與其的功能作用是緊密相關(guān)的，通過本文我們一起學習下
在網(wǎng)頁中，我們可以將JavaScript代碼放在html文件中任何位置，但一般放在head或body標簽里面。
一般來說，<script>元素放在哪里與其的功能作用是緊密相關(guān)的，在這里討論2種情況：
1、放在<head>里
將<script>元素放在head中是為了讓瀏覽器在一開始就讀取，<script>元素會在整個網(wǎng)頁最開始解析時就加載執(zhí)行，其優(yōu)先次序僅次于<title>元素。
然后依次向下解析渲染。
應(yīng)用：比如進行頁面顯示初始化的js必須放在head里面。
2、放在<body>部分
瀏覽器按照頁面標簽順序依次解析，在讀取到JavaScript代碼時就會執(zhí)行語句。
但有的JS函數(shù)是通過事件調(diào)用的，所以具體放在頁面的哪個位置并不影響其發(fā)揮作用的時間，所以，在考慮到前端性能方面的問題后，可以把不是最先執(zhí)行的和事件調(diào)用的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標簽位置的存放與功能緊密相關(guān)，希望本文所述對大家有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)跑馬燈效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了JavaScript事件委托技術(shù),實例分析了事件委托技術(shù)的原理、適用場合及用法實例,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JavaScript變量聲明提升,結(jié)合實例形式分析了JavaScript變量聲明提升相關(guān)原理、用法與操作注意事項,需要的朋友可以參考下2020-05-05
如何編寫一個 Webpack Loader的實現(xiàn)
這篇文章主要介紹了如何編寫一個 Webpack Loader的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
JavaScript中undefined、null與NaN的區(qū)別
undefined、null和NaN都屬于javascript中的數(shù)據(jù)類型,本文主要介紹了 JavaScript中undefined、null與NaN的區(qū)別,具有一定的參考價值,感興趣的可以了解一下2023-09-09
下面小編就為大家?guī)硪黄猨s獲取新浪天氣接口的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
js提交form表單,并傳遞參數(shù)的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s提交form表單,并傳遞參數(shù)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
下面小編就為大家分享一篇基于Vue的ajax公共方法(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
JavaScript錯誤處理try..catch...finally+涵蓋throw+TypeError+RangeEr
這篇文章主要介紹了JavaScript錯誤處理:try..catch...finally+涵蓋throw+TypeError+RangeError,文章內(nèi)容具有一定的參考價值，需要的小伙伴可以參考一下，希望對你有所幫助2021-12-12
這篇文章主要為大家詳細介紹了js css自定義分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02