1、JavaScript 代码应该放在<head>还是<body>中?
我们都知道，JavaScript 代码既可以放在 <head> 标签中又可以放在 <body> 标签中，还可以放到 .js 文件中。但是什么时候放到 <head> 中，又什么时候放到 <body> 中呢？
当我们对DOM进行修改的时候需要将 JavaScript 代码放置在 <body> 标签中，而且是放置到被更改标签之后，因为页面加载是由上倒下依次进行的，所有只有先加载被更改的标签，我们才能对其捕获并修改。
只能放到 <body> 便签之中的例子，放在 <head> 中默认情况下会出错(IE中会提示脚本错误)，或者不能达到其效果(firefox/google中无提示)。
Demo:
View Code
<head runat="server"> <title>JavaScript Sample</title> </head> <body> <form id="form1" runat="server"> <div id="d1"> <script type="text/javascript"> var para = document.createElement("p"); var node = document.createTextNode("This is a new paragraph."); para.appendChild(node); var element = document.getElementById("d1"); element.appendChild(para); </script> <p id="p1"> This is a paragraph.</p> <p id="p2"> This is another paragraph.</p> </div> </form> </body>
附：由于页面是由上至下的顺序进行加载的，因此，最佳的做法是将 JavaScript 代码放置到 </body> 标签之前，这样在整个页面加载完成后执行代码，实现更好的用户体验。