[笔记]知识点

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

posted @ 2012-12-02 22:09  KANLEI  阅读(131)  评论(2)  编辑  收藏  举报