您的位置：首页 > Web前端 > JavaScript

第2章 在HTML 中使用JavaScript

2017-07-04 11:59 239 查看
<script> 定义了6个属性 --- async（可选）、charset（可选）、defer（可选）、language（已废弃）、src（可选）、type（可选） 

<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 嵌入代码与外部文件

可维护性、可缓存、适应未来
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航