HTML-HTML链接JavaScript的几种方法
2016-03-01 22:43
531 查看
把JavaScript文件放在head中
标准方法是把JavaScript文件放到head标签内。<
head
>
<
script
type
=
"
text/javascript
"
src
=
"
dreamdu.js
"
>
</
script
>
</
head
>
[/code]
如果浏览器不支持JavaScript,将忽略script标签里面的内容,可以避免使用
<!-- ... //-->(内部引用)。
当JavaScript有任何HTML实体时,也不需要使用CDATA标签了(因为JavaScript代码不直接在HTML文件中)。
JavaScript文件必须使用
js为文件后缀。
把JavaScript文件放在body前
为防止网页加载缓慢,也可以把非关键的JavaScript放到网页底部,例如下面的代码。<
script
type
=
"
text/javascript
"
src
=
"
dreamdu.js
"
>
</
script
>
</
body
>
</
html
>
[/code]
通常JavaScript文件可以使用script标签加载到网页的任何一个地方,但是标准的方式是加载在head标签内。
JavaScript文件的内容
JavaScript文件可以包含任何的JavaScript代码,比如dreamdu.js文件中document
.
write
(
"
www.dreamdu.com
"
)
;
document
.
write
(
"
梦之都
"
)
;
[/code]
JavaScript文件外部加载的好处
避免使用<!-- ... //-->,骇客技术。
避免使用CDATA。
统一定义JavaScript代码,方便查看,方便维护。
使代码更安全,可以压缩,加密单个JavaScript文件。
浏览器可以缓存JavaScript文件,减少宽带使用(当多个页面同时使用一个JavaScript文件的时候,通常只需下载一次)。
JavaScript文件外部加载的注意事项
不要把JavaScript分为多个文件,多个文件会增加服务器的负担,增加服务器的HTTP请求。一个JavaScript文件也会增大HTTP请求。
为什么有些网站的JavaScript文件后面有一串数字?比如:
<
script
type
=
"
text/javascript
"
src
=
"
dreamdu.js?1217128319
"
>
</
script
>
相关文章推荐
- javascript闭包
- javascript类型转换
- 四种会话跟踪技术比较及应用场景 9种JSP的隐式对象
- MyEclipse 关闭拼写检查、JavaScript的检查Build、xml、JSP的Bulid检查
- 一个有意思的js小问题
- js DOM的几个常用方法
- JavaScript高级程序设计(第3版)第八章读书笔记
- [020]Sencha Ext JS 6.0使用教程2
- angular.js 中的作用域 数据模型 控制器
- JavaScript中函数(函数声明,函数调用,函数表达式,匿名函数等知识点
- JavaScript执行顺序详细介绍
- javascript中类的构造方法
- angular.js快速入门 hello world
- javascript的几种跨域方法
- js中的等号问题
- JSP自定义标签开发入门《转》
- JS
- [019]Sencha Ext JS 6.0使用教程1
- angular.js 下动态插入删除dom节点
- 关于javascript的类的详解