JavaScript腳本放在哪里

蝸牛之窩 2015-09-17

展開全文

JavaScript腳本放在哪里

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

——————————————————————————
JavaScript應放在哪里
頁面中的JavaScripts會在瀏覽器加載頁面的時候被立即執行，我們并不希望總是這樣，有時候我們想讓一段腳本在頁面加載的時候執行，而有時候我們想在用戶觸發一個事件的時候執行腳本。

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

body 部分中的腳本: 當頁面被加載時執行的腳本放在HTML的body部分。放在body部分的腳本通常被用來生成頁面的內容。

body 和 head 部分可同時有腳本:你可在文件中放無數的腳本，因此你的文件中可以在body和head部分同時存在腳本。

———————————————————————————–
外部腳本的使用

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

注意:外部腳本文件中不要包含標記符<script>!

使用外部腳本時將標記符<script> 的“src”屬性值指向相應的.js文件就可以了：

注意: 記得這個指向外部腳本文件的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> 之間，而且要用  把代碼括起來。
如果瀏覽器不支持此腳本，那么瀏覽器會
跳過它，不去執行，也不會提出錯誤信息

為什么我的jquery腳本只能放在html文件的最后才能執行呢？

直接放在head中的js,會在頁面載入的時候執行的,然后才會執行載入body的,此時body中的內容還沒有載入,所以JS無法正確執行,,但是放在html最后的是沒問題的,因為此時所有的內容都已經載入了.,如果你想讓head中的js等待頁面完全載入完成后才執行,則需要將JS放到
$(document).ready(function(){

//js腳本
});
這樣才會正常.