第2章 在HTML 中使用JavaScript
2017-07-04 11:59
295 查看
<script> 定义了6个属性 --- async(可选)、charset(可选)、defer(可选)、language(已废弃)、src(可选)、type(可选)
<script>的使用方式:直接在页面嵌入JavaScript 代码 、包含外部JavaScript 文件。元素内容由上至下一次解释。
注:不要在代码中的任何地方出现"</script>"(可通过转义字符“\”解决这一问题),XHTML 可以省略结束符</script>,引用外部服务器(www.xxx.js)的JavaScrpt 必须信任。
<script src="xxx.js" defer="defer"></script>
<script src="1.js" async></script>
<script src="2.js" async></script>
<!-- XHTML -->
<script src="1.js" async="async"></script>2.js 可能会在1.js 之前执行,保证两者不相互依赖,非常重要
<script>的使用方式:直接在页面嵌入JavaScript 代码 、包含外部JavaScript 文件。元素内容由上至下一次解释。
注:不要在代码中的任何地方出现"</script>"(可通过转义字符“\”解决这一问题),XHTML 可以省略结束符</script>,引用外部服务器(www.xxx.js)的JavaScrpt 必须信任。
2.1.1标签的位置
按照传统做法,所有<script> 元素都应该放在页面的<head> 元素中,但这种做法意味着必须等全部JavaScript 代码都被下载、解析和执行完以后,才能开始呈现页面内容。对于那些需要执行JavaScript 的页面来说容易出现空白页,所以现代web 应用程序一般把全部JavaScript 放在<body>元素中页面内容后面2.1.2延迟脚本
<script> 元素中设置defer 属性,相当于告诉浏览器立即下载,但延迟执行。在现实中,延迟脚本未必会按照顺序执行,因此最好只包含一个延迟脚本。新的浏览器忽略这个属性<script src="xxx.js" defer="defer"></script>
2.1.3异步脚本
这个属性与defer 属性类似,都用于改变处理脚本的行为。但与defer 不同的是,标记为async 的脚本并不保证按照指定顺序执行。<script src="1.js" async></script>
<script src="2.js" async></script>
<!-- XHTML -->
<script src="1.js" async="async"></script>2.js 可能会在1.js 之前执行,保证两者不相互依赖,非常重要
2.1.4在XHTML 中使用(忽略)
2.2 嵌入代码与外部文件
可维护性、可缓存、适应未来相关文章推荐
- 【JavaScript高级程序设计】--第2章 在HTML中使用JavaScript
- 第2章:在html中使用JavaScript
- 第2章 两种调用JS的方法——在HTML中使用JavaScript
- javaScript 高级程序设计 第2章 在HTML中使用JavaScript
- 第2章 在HTML中使用JavaScript
- JavaScript高级程序设计(第2章 在HTML中使用JavaScript)
- JavaScript高级程序设计——第2章 在HTML中使用JavaScript元素
- JavaScript高级程序设计学习笔记——第2章 在HTML中使用JavaScript
- 第2章 在HTML 中使用JavaScript
- 第2章:在HTML中使用JavaScript
- JavaScript 使用技巧精萃(.net html
- 使用javascript在html中获取url参数的脚本
- 在使用FreeTextBox.dll等这些插件时,遇见request响应出现JavaScript与html字符串发生危险性
- 在使用jQuery+HTML+Javascript的简单例子---很容易的制作双色表格
- [翻译] ASP.NET MVC Tip #7 – 使用Html.Encode避免JavaScript注入攻击
- javascript使用html中form表单中的select类建立级联菜单
- 使用Javascript和DOM Interfaces来处理HTML
- 使用JavaScript显示或隐藏html对象
- javascript---使用createElement动态创建HTML对象
- 使用JavaScript和DOM创建HTML表格