作为一枚帅帅的程序员,最重视的就是自己写的代码是不是和自己一样cool。所以在学习这一章时,我首先总结了在HTML中使用javascript的规范问题及为什么要这么使用。
1.尽可能地将所有的javascript代码写在JS文件中,并通过外部文件的引用来在HTML中使用javascript。这样用的好处有:
 可维护性:遍及不同HTML 页面的JavaScript 会造成维护问题。但把所有JavaScript 文件都放在一个文件夹中,维护起来就轻松多了。而且开发人员因此也能够在不触及
HTML 标记的情况下,集中精力编辑JavaScript 代码。
 可缓存:浏览器能够根据具体的设置缓存链接的所有外部JavaScript 文件。也就是说,如果有两个页面都使用同一个文件,那么这个文件只需下载一次。因此,最终结果
就是能够加快页面加载的速度。
 适应未来:通过外部文件来包含JavaScript 无须使用前面提到XHTML 或注释hack。HTML 和XHTML 包含外部文件的语法是相同的。
这里也有情况需要在HTML中嵌入javascript代码。如需要通过某些参数(后台传过来的?)来判定是否需要在文档中显示某些内容,具体代码如下:

<script type="text/javascript">
        if(test==true){
            document.write("<a href="#"> JMY CAN FLY!</a>");
        }
        else{
            document.write("<a href="#"> JMY CAN FLY,TOO!</a>");
        }
    </script>

2.JS文件的引用需要放在body标签中的最后面。代码如下:

<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>

在文档的元素中包含所有JavaScript 文件,意味着必须等到全部JavaScript 代码都被下载、解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到标签时才开始呈现内容)。对于那些需要很多JavaScript 代码的页面来说,这无疑会导致浏览器在呈现页面时出现明显的延迟,而延迟期间的浏览器窗口中将是一片空白。为了避免这个问题,现代Web 应用程序一般都把全部JavaScript 引用放在元素中页面内容的后面。

然后我对JS文件引用的先后问题说一说我的看法。个人觉得养成一个习惯就好:将基础的JS文件先引用(如JQ.js,然后是基于JQ的框架的JS,然后再是自己的JS)。