在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標記符就放在你通常會寫指令碼的地方!
本文轉自:JavaScript指令碼放在哪裡