區別簡述:javascript
在HTML body部分中的JavaScripts會在頁面加載的時候被執行。
在HTML head部分中的JavaScripts會在被調用的時候才執行。html
——————————————————————————
JavaScript應放在哪裏java
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部分同時存在腳本。post
<html> <head> <script type=」text/javascript」> …. </script> </head> <body> <script type=」text/javascript」> …. </script> </body> |
外部腳本的使用spa
有時候你可能想在幾個頁面中運行一樣的腳本程序, 而不需在各個頁面中重複的寫這些代碼。這時你就要用到外部腳本。你能夠把腳本寫在一個外部文件中,保存在擴展名爲 .js的文件中。htm
注意:外部腳本文件中不要包含標記符<script>!使用外部腳本時將標記符<script> 的「src」屬性值指向相應的.js文件就能夠了。事件
<html> <head> <script src=」xxx.js」></script> </head> <body> </body> </html> |
注意: 記得這個指向外部腳本文件的script標記符就放在你一般會寫腳本的地方!圖片