首頁  >  文章  >  web前端  >  JavaScript程式碼放置的位置

JavaScript程式碼放置的位置

高洛峰
高洛峰原創
2016-11-26 13:20:351276瀏覽

1. 放在head中
這種方式會在頁面載人前加載js程式碼,這樣的話,我們不能在head中取得網頁元素,因為網頁還沒加載,看下面的例子,當我們要動態修改按鈕顯示的值的時候,在head中的程式碼就會報一個Cannot
 set property 'value' of null的錯誤。這個錯誤時在chrome中調試得出的,在IE中也會報一個'document.getElementById(...)' 為空或不是物件的錯誤。當然,如果你把js程式碼放到body中就沒問題了。
[html] 
 

 
 
 
 
 
 
 
me!" onclick="show_message()" > 
 

 

 


 

2. 放在body中
依照放置位置的順序執行js腳本。例如上面的例子,如果我們把js放到元素載入前,也會報錯的。
[html] 
 

 
 
 
  

  www.com

 

提示:當js檔案比較大的時候,建議在

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn