HTML-HTML链接JavaScript的几种方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于HTML-HTML链接JavaScript的几种方法的主要内容,如果未能解决你的问题,请参考以下文章

a标签调用js的几种方法

a标签调用js的几种方法

selenium 切换窗口的几种方法

记一下JavaScript的几种排序算法

JavaScript之斐波那契数列的几种实现方法兔子数列黄金分割数列递归for解构

返回到上一页的html代码的几种写法