HTML-HTML链接JavaScript的几种方法

把JavaScript文件放在head中

标准方法是把JavaScript文件放到head标签内。

        <
        head
        >
        
        
        <
        script
        type
        =
        "
        text/javascript
        "
        src
        =
        "
        dreamdu.js
        "
        >
        </
        script
        >
        </
        head
        >
    

• 如果浏览器不支持JavaScript，将忽略script标签里面的内容，可以避免使用<!-- ... //-->(内部引用)。
• 当JavaScript有任何HTML实体时，也不需要使用CDATA标签了(因为JavaScript代码不直接在HTML文件中)。
• JavaScript文件必须使用js为文件后缀。

把JavaScript文件放在body前

为防止网页加载缓慢，也可以把非关键的JavaScript放到网页底部，例如下面的代码。

        
        
        <
        script
        type
        =
        "
        text/javascript
        "
        src
        =
        "
        dreamdu.js
        "
        >
        </
        script
        >
        
        
        </
        body
        >
        </
        html
        >
    

通常JavaScript文件可以使用script标签加载到网页的任何一个地方，但是标准的方式是加载在head标签内。

JavaScript文件的内容

JavaScript文件可以包含任何的JavaScript代码，比如dreamdu.js文件中

        document
        .
        write
        (
        "
        www.dreamdu.com
        "
        )
        ;
        document
        .
        write
        (
        "
        梦之都
        "
        )
        ;
    

JavaScript文件外部加载的好处

• 避免使用<!-- ... //-->，骇客技术。
• 避免使用CDATA。
• 统一定义JavaScript代码，方便查看，方便维护。
• 使代码更安全，可以压缩，加密单个JavaScript文件。
• 浏览器可以缓存JavaScript文件，减少宽带使用（当多个页面同时使用一个JavaScript文件的时候，通常只需下载一次）。

JavaScript文件外部加载的注意事项

• 不要把JavaScript分为多个文件，多个文件会增加服务器的负担，增加服务器的HTTP请求。
• 一个JavaScript文件也会增大HTTP请求。
• 为什么有些网站的JavaScript文件后面有一串数字？比如:

        <
        script
        type
        =
        "
        text/javascript
        "
        src
        =
        "
        dreamdu.js?1217128319
        "
        >
        </
        script
        >
    

原文：http://www.cnblogs.com/shenyangxiaohuo/p/5232819.html