JavaScript腳本放在哪里
在HTML body部分中的JavaScripts會在頁面加載的時候被執(zhí)行。
—————————————————————————— head 部分中的腳本: 需調(diào)用才執(zhí)行的腳本或事件觸發(fā)執(zhí)行的腳本放在HTML的head部分中。當(dāng)你把腳本放在head部分中時,可以保證腳本在任何調(diào)用之前被加載。
body 部分中的腳本: 當(dāng)頁面被加載時執(zhí)行的腳本放在HTML的body部分。放在body部分的腳本通常被用來生成頁面的內(nèi)容。
body 和 head 部分可同時有腳本:你可在文件中放無數(shù)的腳本,因此你的文件中可以在body和head部分同時存在腳本。
———————————————————————————– 有時候你可能想在幾個頁面中運行同樣的腳本程序, 而不需在各個頁面中重復(fù)的寫這些代碼。這時你就要用到外部腳本。你可以把腳本寫在一個外部文件中,保存在擴展名為 .js的文件中。 注意:外部腳本文件中不要包含標(biāo)記符<script>! 使用外部腳本時將標(biāo)記符<script> 的“src”屬性值指向相應(yīng)的.js文件就可以了:
注意: 記得這個指向外部腳本文件的script標(biāo)記符就放在你通常會寫腳本的地方!
1:將JavaScript標(biāo)識放置<Head>... </Head>在頭部之間,使之在主頁和其余部分代碼之前預(yù)先裝載,從而可使代碼的功能更強大; 比如對*.js文件的提前調(diào)用。 也就是說把代碼放在<head>區(qū)在頁面載入的時候,就同時載入了代碼,你在<body>區(qū)調(diào)用時就不需要再載入代碼了,速度就提高了,這種區(qū)別在小程序上是看不出的,當(dāng)運行很大很復(fù)雜的程序時,就可以看出了。當(dāng)然也可以將JavaScript標(biāo)識放置在<Body>... </Body>主體之間以實現(xiàn)某些部分動態(tài)地創(chuàng)建文檔。 這里比如制作鼠標(biāo)跟隨事件,肯定只有當(dāng)頁面加載后再進(jìn)行對鼠標(biāo)坐標(biāo)的計算?;蛘呤莊ilter濾鏡與javascript的聯(lián)合使用產(chǎn)生的圖片淡入淡出效果 2:放入html的head,是頁面加載前就運行,放入body中,則加載后才運行javascript的代碼~~~ 所以head里面的先執(zhí)行。 3:要是function就沒有區(qū)別要是<script>alert(1)</script>會跟放的位置有關(guān)一個事head加載完就 alert 一個是要跟在body中加載循序alert
客戶端腳本一般放在 <head> </head> 之間,而且要用 <!-- --> 把代碼括起來。 為什么我的jquery腳本只能放在html文件的最后才能執(zhí)行呢?直接放在head中的js,會在頁面載入的時候執(zhí)行的,然后才會執(zhí)行載入body的,此時body中的內(nèi)容還沒有載入,所以JS無法正確執(zhí)行,,但是放在html最后的是沒問題的,因為此時所有的內(nèi)容都已經(jīng)載入了.,如果你想讓head中的js等待頁面完全載入完成后才執(zhí)行,則需要將JS放到 |
|
來自: 蝸牛之窩 > 《Javascript》