当前位置:晓网 > 网站建设运营 > 教程 > js教程 >

在HTML中外部引用JavaScript

上一篇:在HTML中内部嵌入JavaScript 下一篇:在HTML中内联引用JavaScript 返回目录

把JavaScript文件放在head中
 
标准方法是把JavaScript文件放到head标签内。
 
<head>
    <script type="text/javascript" src="webxiao.js"></script>
</head>
如果浏览器不支持JavaScript,将忽略script标签里面的内容,可以避免使用<!-- ... //-->(内部引用)。
当JavaScript有任何HTML实体时,也不需要使用CDATA标签了(因为JavaScript代码不直接在HTML文件中)。
JavaScript文件必须使用js为文件后缀。
把JavaScript文件放在body前
 
为防止网页加载缓慢,也可以把非关键的JavaScript放到网页底部,例如下面的代码。
 
        <script type="text/javascript" src="webxiao.js"></script>
    </body>
</html>
通常JavaScript文件可以使用script标签加载到网页的任何一个地方,但是标准的方式是加载在head标签内。
 
JavaScript文件的内容
 
JavaScript文件可以包含任何的JavaScript代码,比如webxiao.js文件中
 
document.write("www.jrfjwh.cn");
document.write("晓网");
JavaScript文件外部加载的好处
 
避免使用<!-- ... //-->,骇客技术。
避免使用CDATA。
统一定义JavaScript代码,方便查看,方便维护。
使代码更安全,可以压缩,加密单个JavaScript文件。
浏览器可以缓存JavaScript文件,减少宽带使用(当多个页面同时使用一个JavaScript文件的时候,通常只需下载一次)。
JavaScript文件外部加载的注意事项
 
不要把JavaScript分为多个文件,多个文件会增加服务器的负担,增加服务器的HTTP请求。
一个JavaScript文件也会增大HTTP请求。
为什么有些网站的JavaScript文件后面有一串数字?比如:
<script type="text/javascript" src="webxiao.js?1217128319"></script>
有两种可能:
 
JavaScript文件更新后,此版本将增加或改变,浏览器会因此判断这是一个新的JavaScript文件,从而更新缓存中以前的JavaScript文件。
这个JavaScript文件是由应用程序生成的因此带有版本,便于管理。
上一页 / 下一页 / 教程列表

本文版权归原作者所有,转载请注明原文来源出处,晓网感谢您的支持!

本文链接:http://www.jrfjwh.cn/web/js/20160201-3524.html

晓网客服

关注微信,随时获得互联网动态

晓网微信
时时彩最快开奖