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> 标签之前,这样在整个页面加载完成后执行代码,实现更好的用户体验。