《JavaScript高级程序设计》学习笔记----第二章

最新推荐文章于 2021-06-22 22:42:13 发布

gfjserhukher

最新推荐文章于 2021-06-22 22:42:13 发布

阅读量228

点赞数

分类专栏： JavaScript 文章标签： JavaScript高级程序设计学习笔记第二章

本文链接：https://blog.csdn.net/gfjserhukher/article/details/102621238

版权

JavaScript 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

在HTML中使用JavaScript

2.1 `<script>`元素

src属性可指向当前HTML页面所在域之外的某个域中的完整URL，表示包含要执行代码的外部文件。
无论如何包含代码，只要不存在defer和async属性，浏览器都会按照<script>元素在页面中出现的先后顺序对他们一次进行解析。

2.2.1 标签的位置

为了避免页面出现时延迟，现代Web应用程序一般都会把全部JavaScript引用放在<body>元素中页面内容的后面。

2.2.2 延迟脚本

defer只适用于外部脚本文件
设置defer属性，相当于告诉浏览器立即下载脚本文件，但延迟执行，包含的脚本将延迟到浏览器遇到</html>标签后再执行。
HTML5规范要求脚本按照出现的先后顺序执行：第一个延迟脚本将先于第二个延迟脚本执行，而这两个脚本将会先于DOMContentLoaded事件。
现实中延迟脚本不一定会按照顺序执行，也不一定会在DOMContentLoaded事件触发前执行，因此最好只包含一个延迟脚本。
把延迟脚本放在页面顶部仍是最佳选择。

2.2.3 异步脚本

async只适用于外部脚本文件
设置该属性后相当于告诉浏览器立即下载脚本，目的是不让页面等待异步脚本下载和执行，从而异步加载页面的其他内容。
设置了属性为async的脚本并不保证按照指定它们的先后顺序执行，所以要确保各个异步脚本间的互不依赖。
异步脚本一定会在load事件之前执行，但与DOMContentLoaded不一定，可能在它之前执行，也可能在它之后执行。

2.2 嵌入代码与外部文件

最好的还是尽可能使用外部文件来包含JavaScript代码
- 可维护性
- 可缓存（如果有两个页面都使用同一个文件，那么这个文件只需下载一次）
- 适应未来

2.3 文档模式

通过使用文档类型（doctype）切换来实现
最初的两种文档模式——混杂模式、标准模式
如果最初在文档开始处没有发现文档类型声明，则所有浏览器都会默认为开启混杂模式（混杂模式下不同浏览器差异很大，不推荐）

2.4 元素`<noscript>`

用来在不支持JavaScript的浏览器中显示替代内容，有两种情况：
- 浏览器不支持脚本
- 浏览器支持脚本，但脚本被禁用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <noscript>
        <p>本页面需要浏览器支持（启用）JavaScript。</p>
    </noscript>
</body>
</html>