當(dāng)前位置：
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
javascript放在head和body的区别（w3c建议放在head标签中）
生活随笔
收集整理的這篇文章主要介紹了
javascript放在head和body的区别（w3c建议放在head标签中）
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
JavaScript腳本放在哪里
在HTML body部分中的JavaScripts會(huì)在頁(yè)面加載的時(shí)候被執(zhí)行。
在HTML head部分中的JavaScripts會(huì)在被調(diào)用的時(shí)候才執(zhí)行?！?JavaScript應(yīng)放在哪里
頁(yè)面中的JavaScripts會(huì)在瀏覽器加載頁(yè)面的時(shí)候被立即執(zhí)行，我們并不希望總是這樣，有時(shí)候我們想讓一段腳本在頁(yè)面加載的時(shí)候執(zhí)行，而有時(shí)候我們想在用戶觸發(fā)一個(gè)事件的時(shí)候執(zhí)行腳本。head 部分中的腳本: 需調(diào)用才執(zhí)行的腳本或事件觸發(fā)執(zhí)行的腳本放在HTML的head部分中。當(dāng)你把腳本放在head部分中時(shí)，可以保證腳本在任何調(diào)用之前被加載。<html>
<head>
<script type=”text/javascript”>
….
</script>
</head> body 部分中的腳本: 當(dāng)頁(yè)面被加載時(shí)執(zhí)行的腳本放在HTML的body部分。放在body部分的腳本通常被用來生成頁(yè)面的內(nèi)容。<html>
<head>
</head>
<body>
<script type=”text/javascript”>
….
</script>
</body> body 和 head 部分可同時(shí)有腳本:你可在文件中放無數(shù)的腳本，因此你的文件中可以在body和head部分同時(shí)存在腳本。<html>
<head>
<script type=”text/javascript”>
….
</script>
</head>
<body>
<script type=”text/javascript”>
….
</script>
</body> ———————————————————————————–
外部腳本的使用有時(shí)候你可能想在幾個(gè)頁(yè)面中運(yùn)行同樣的腳本程序， 而不需在各個(gè)頁(yè)面中重復(fù)的寫這些代碼。這時(shí)你就要用到外部腳本。你可以把腳本寫在一個(gè)外部文件中，保存在擴(kuò)展名為 .js的文件中。注意:外部腳本文件中不要包含標(biāo)記符<script>!使用外部腳本時(shí)將標(biāo)記符<script> 的“src”屬性值指向相應(yīng)的.js文件就可以了：<html>
<head>
<script src=”xxx.js”></script>
</head>
<body>
</body>
</html> 注意: 記得這個(gè)指向外部腳本文件的script標(biāo)記符就放在你通常會(huì)寫腳本的地方！1：將JavaScript標(biāo)識(shí)放置<Head>... </Head>在頭部之間，使之在主頁(yè)和其余部分代碼之前預(yù)先裝載，從而可使代碼的功能更強(qiáng)大； 比如對(duì)*.js文件的提前調(diào)用。 也就是說把代碼放在<head>區(qū)在頁(yè)面載入的時(shí)候，就同時(shí)載入了代碼，你在<body>區(qū)調(diào)用時(shí)就不需要再載入代碼了，速度就提高了，這種區(qū)別在小程序上是看不出的，當(dāng)運(yùn)行很大很復(fù)雜的程序時(shí)，就可以看出了。當(dāng)然也可以將JavaScript標(biāo)識(shí)放置在<Body>... </Body>主體之間以實(shí)現(xiàn)某些部分動(dòng)態(tài)地創(chuàng)建文檔。 這里比如制作鼠標(biāo)跟隨事件，肯定只有當(dāng)頁(yè)面加載后再進(jìn)行對(duì)鼠標(biāo)坐標(biāo)的計(jì)算。或者是filter濾鏡與javascript的聯(lián)合使用產(chǎn)生的圖片淡入淡出效果2：放入html的head,是頁(yè)面加載前就運(yùn)行，放入body中，則加載后才運(yùn)行javascript的代碼~~~所以head里面的先執(zhí)行。3：要是function就沒有區(qū)別要是<script>alert(1)</script>會(huì)跟放的位置有關(guān)一個(gè)事head加載完就 alert 一個(gè)是要跟在body中加載循序alert客戶端腳本一般放在 <head> </head> 之間，而且要用 <!-- --> 把代碼括起來。 如果瀏覽器不支持此腳本，那么瀏覽器會(huì) 跳過它，不去執(zhí)行，也不會(huì)提出錯(cuò)誤信息
?
轉(zhuǎn)載于:https://www.cnblogs.com/socketqiang/p/11281136.html
總結(jié)
以上是生活随笔為你收集整理的javascript放在head和body的区别（w3c建议放在head标签中）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 做梦梦到掉牙齿是什么预兆
- 下一篇： Winform控件WebBrowser与