javascript腳本可以出現(xiàn)在兩個(gè)位置,分別是:1、在HTML body部分中,該位置的js會(huì)在頁(yè)面加載的時(shí)候被執(zhí)行;2、在HTML head部分中,該位置的js會(huì)在被調(diào)用的時(shí)候才執(zhí)行。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
JS腳本在Html中的位置
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部分的腳本通常被用來(lái)生成頁(yè)面的內(nèi)容。
<html> <head> </head> <body> <script type=”text/javascript”> …. </script> </body>
body 和 head 部分可同時(shí)有腳本:你可在文件中放無(wú)數(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ù)的寫(xiě)這些代碼。這時(shí)你就要用到外部腳本。你可以把腳本寫(xiě)在一個(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>
推薦學(xué)習(xí):《javascript高級(jí)教程》