简介:第二章,介绍在html中使用javascript
sctipt 元素
<script>
标签用于向HTML中插入 Javascript 代码;
- 属性
- async: 可选。表示立即下载脚本,但不妨碍页面中的其他操作。只对外部脚本有效;
- charset: 可选。极少用;
- defer: 可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效;
- language:已废弃。
- src: 可选。外部脚本路径;
- text: 可选。默认‘text/language’;
- 位置:
- 推荐放在
<body>
元素中页面内容的后部,防止浏览器呈现页面出现延迟。 - 放在
<head>
元素中,使用 defer 属性,延迟外部脚本的加载执行。
- 异步脚本
标记为 async 的脚本并不保证按照指定它们的先后顺序执行,所以确保脚本之间不互相依赖非常重要;
async 属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。建议异步脚本不要在加载期间修改 DOM;
异步脚本一定会在页面的 load 事件前执行,但可能会在 DOMContentLoaded 事件触发之前或之后执行。
文档模式
文档模式的概念通过使用文档类型 doctype 切换实现。
- 混杂模式:会让 IE 的行为与(包含非标准特性的)IE5 相同;
- 标准模式:让 IE 的行为更接近标准行为
两种模式主要影响 CSS 内容的呈现
noscript元素
<noscript>
元素用于当浏览器不支持 JavaScript 时如何让页面平稳地退化;
包含在<noscript>
元素中的内容只有在下列情况下才会显示出来:
- 浏览器不支持脚本;
- 浏览器支持脚本,但脚本被禁用。