1. 放在head中
這種方式會在頁面載人前加載js代碼，這樣的話，我們不能在head中取得網頁元素，因為網頁還沒加載，看下面的例子，當我們要動態修改按鈕顯示的值的時候，在head中的代碼就會報一個Cannot
set property 'value' of null的錯。這個錯誤時在chrome中調試得出的，在IE中也會報一個'document.getElementById(…)' 為空或不是對象的錯誤。當然，如果你把js代碼放到body中就沒問題瞭。
[html]
<html>
<head>
<script type="text/javascript">
document.getElementById('click_button').value = '點擊我！';
function show_message(){
alert('Hello!');
}
</script>
</head>
<body>
<input id="click_button" type="button" value="Click me!" onclick="show_message()" >
<script type="text/javascript">
document.getElementById('click_button').value = '點擊我！';
</script>
</body>
</html>
2. 放在body中
根據放置的位置順序執行js腳本。比如上面的例子，如果我們把js放到元素加載前，也會報錯的。
[html]
<html>
<head>
</head>
<body>
<script type="text/javascript">
document.getElementById('click_button').value = '點擊我！';
</script>
<input id="click_button" type="button" value="Click me!" onclick="show_message()" >
</body>
</html> www.aiwalls.com
提示：當js文件比較大的時候，建議在</body>前的位置加載js文件，這樣不會影響網頁的加載速度，如果放在頭部的話，會先加載js文件。
作者：lixiang0522
