Chinaunix首页 | 论坛 | 博客
  • 博客访问: 4798511
  • 博文数量: 1145
  • 博客积分: 12961
  • 博客等级: 上将
  • 技术积分: 13761
  • 用 户 组: 普通用户
  • 注册时间: 2009-01-09 11:25
  • 认证徽章:
个人简介

偷得浮生半桶水(半日闲), 好记性不如抄下来(烂笔头). 信息爆炸的时代, 学习是一项持续的工作.

文章分类

全部博文(1145)

文章存档

2019年(121)

2018年(81)

2017年(80)

2016年(70)

2015年(52)

2014年(41)

2013年(51)

2012年(85)

2011年(45)

2010年(231)

2009年(288)

分类: Windows平台

2016-10-28 10:02:46

http://www.dreamdu.com/javascript/external/

script_demo.zip
外部引用就是引用HTML文件外部的JavaScript文件,这种方式可以使代码更清晰,更容易扩展。
可以通过HTML的script标签加载JavaScript文件。

把JavaScript文件放在head中

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



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

把JavaScript文件放在body前

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

 


通常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文件后面有一串数字?比如:

有两种可能:

  • JavaScript文件更新后,此版本将增加或改变,浏览器会因此判断这是一个新的JavaScript文件,从而更新缓存中以前的JavaScript文件。
  • 这个JavaScript文件是由应用程序生成的因此带有版本,便于管理。
阅读(1126) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册