script 寫在body和head中的區別

區別簡述:javascript

在HTML body部分中的JavaScripts會在頁面加載的時候被執行。
在HTML head部分中的JavaScripts會在被調用的時候才執行。
html

——————————————————————————
JavaScript應放在哪裏java

head 部分中的腳本: 需調用才執行的腳本或事件觸發執行的腳本放在HTML的head部分中。當你把腳本放在head部分中時,能夠保證腳本在任何調用以前被加載。小程序

<html>
<head>
<script type=」text/javascript」>
….
</script>
</head>

body 部分中的腳本: 當頁面被加載時當即執行的腳本放在HTML的body部分。放在body部分的腳本一般被用來生成頁面的內容。瀏覽器

<html>
<head>
</head>
<body>
<script type=」text/javascript」>
….
</script>
</body>

body 和 head 部分可同時有腳本:你可在文件中放無數的腳本,所以你的文件中能夠在body和head部分同時存在腳本。post

<html>
<head>
<script type=」text/javascript」>
….
</script>
</head>
<body>
<script type=」text/javascript」>
….
</script>
</body>

外部腳本的使用spa

有時候你可能想在幾個頁面中運行一樣的腳本程序, 而不需在各個頁面中重複的寫這些代碼。這時你就要用到外部腳本。你能夠把腳本寫在一個外部文件中,保存在擴展名爲 .js的文件中。htm

注意:外部腳本文件中不要包含標記符<script>!使用外部腳本時將標記符<script> 的「src」屬性值指向相應的.js文件就能夠了。事件

<html>
<head>
<script src=」xxx.js」></script>
</head>
<body>
</body>
</html>

注意: 記得這個指向外部腳本文件的script標記符就放在你一般會寫腳本的地方!圖片

 1:將JavaScript標識放置<Head>... </Head>在頭部之間,使之在主頁和其他部分代碼以前預先裝載,從而可以使代碼的功能更強大; 好比對*.js文件的提早調用。 也就是說把代碼放在<head>區在頁面載入的時候,就同時載入了代碼,你在<body>區調用時就不須要再載入代碼了,速度就提升了,這種區別在小程序上是看不出的,當運行很大很複雜的程序時,就能夠看出了。

固然也能夠將JavaScript標識放置在<Body>... </Body>主體之間以實現某些部分動態地建立文檔。 這裏好比製做鼠標跟隨事件,確定只有當頁面加載後再進行對鼠標座標的計算。或者是filter濾鏡與javascript的聯合使用產生的圖片淡入淡出效果

2:放入html的head,是頁面加載前就運行,放入body中,則加載後才運行javascript的代碼~~~因此head裏面的先執行。

3:要是function就沒有區別要是<script>alert(1)</script>會跟放的位置有關一個事head加載完就 alert 一個是要跟在body中加載循序alert

客戶端腳本通常放在 <head> </head> 之間,並且要用 <!--       -->       把代碼括起來。       若是瀏覽器不支持此腳本,那麼瀏覽器會跳過它,不去執行,也不會提出錯誤信息

相關文章
相關標籤/搜索