JavaScript学习2-JS在html中的应用
2015-12-01 18:36
435 查看
2.1 script元素
使用<script>元素将js嵌入到html中,让脚本和标记混合在一起;也可以包含外部的js文件(该文件可以在同一服务器,也可以其他服务器上的js),此时js文件汇中不需要再有<script>元素。
属性:
src
type:脚本语言的类型,一般是text/javascript
defer:defer,延迟脚本,该属性的用途表明js不会影响页面的结构,也就是说延迟到整个html页面加载完后再加载js脚本。
注意:IE4~IE7还支持嵌入式脚本的defer属性,IE8之后只支持外部js文件的加载。若想延迟加载js脚本,将js脚本放 在页面底部是最好的选择。延迟加载是按照js的顺序来加载的。
async:async,异步脚本,该属性跟defer类似,只应用于外部js文件,但是延迟加载并不是按照顺序来加载而是随机的。
2.2 嵌入代码和外部文件
嵌入代码可以放在<head>中,也可以放在<body>中,尽可能地使用外部文件,因为使用外部js文件有如下好处:
可维护性
可缓存
适应未来
2.3<noscript>元素
当浏览器不支持js脚本或浏览器禁用js脚本时,浏览器会显示该元素中的内容,反之不会显示该元素中的内容。
2.4 浏览器是按照js的顺序来加载js脚本的(除了使用defer和async属性)
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- IE8开发人员工具教程(二)
- 在flex中执行一个javascript方法的简单方式