javascript放在head和body的區別(w3c建議放在head標籤中)

來源:互聯網
上載者:User
JavaScript指令碼放在哪裡

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

——————————————————————————
JavaScript應放在哪裡
頁面中的JavaScripts會在瀏覽器載入頁面的時候被立即執行,我們並不希望總是這樣,有時候我們想讓一段指令碼在頁面載入的時候執行,而有時候我們想在使用者觸發一個事件的時候執行指令碼。

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部分同時存在指令碼。

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

———————————————————————————–
外部指令碼的使用

有時候你可能想在幾個頁面中運行同樣的指令碼程式, 而不需在各個頁面中重複的寫這些代碼。這時你就要用到外部指令碼。你可以把指令碼寫在一個外部檔案中,儲存在副檔名為 .js的檔案中。

注意:外部指令檔中不要包含標記符<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> 之間,而且要用 <!--       -->       把代碼括起來。       
    如果瀏覽器不支援此指令碼,那麼瀏覽器會       
    跳過它,不去執行,也不會提出錯誤資訊

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.