JavaScript高级编程设计（第三版）——第二章：在html中使用javaScript

系列文章目录

第三章：基本概念

---

目录

系列文章目录

前言

一、javaScript是什么？

1.有两种引入方式

1.1 嵌入式

1.2 外部引入

1.3 noscript标签 标签

1.4文档模式

2.script标签有五个参数

2.1 src

2.2 type(MIME)

2.3 charset

2.4 defer

2.5 async

2.6 async和defer的异同

2.7 async和defer可以同时用吗？

总结

---

前言

这本书是我刚入行的时候我师傅推荐给我的，当时只想获得实现的满足感，而一直没有深入学习。随着页面实现了更多后，发现学好javascript非常的有必要，这也是这个系列出现的缘由~

我将分章节学习并记录（第一章简介我就不记录了，有兴趣自己去看看），如果内容太多也会分为上下两小节。

学习过程中也会拓展一下相应内容，思考一些问题，感兴趣就继续往下看看吧~

这一张主讲如何再html中使用js，以及js的相关属性。

---

一、javaScript是什么？

JavaScript是一种编程语言，标签引入。

1.有两种引入方式

1.1 嵌入式

直接把写在html页面中，如下：

1.2 外部引入

通过src属性引入外部或其他域（网站）的资源，如下：

1.3  noscript标签

这个标签是针对不支持javaScript的浏览器。当不支持这个文件时，会出现

1.4文档模式

文档模式有两种：混杂模式和标准模式，他们的区别主要在于，混杂模式让IE接近IE5,标准模式让iIE接近标准行为。

因为引入了文档模式的概念，后续IE又推出了准标准模式，这种模式和标准模式的区别不太大，所以当有人说标准模式的时候也可能再说准标准模式。

这几种模式出现的目的主要是为了解决浏览器解析的差异问题，在一定情况下，他们不仅会影响css样式，还会影响js。

说了这么多，我们怎么知道网页处于那种模式下面呢？

在代码中，我们通常会出现这样一行代码：
 

上面就是指定文档解析模式的方式，默认情况下，采用混杂模式，每个浏览器都有自己的解析方式，展现的页面差异会比较大。

为了使得每个浏览器下的展示相同页面，我们可以指定文档模式。

2.script标签有五个参数

2.1 src

指定外部资源或其他域的资源

2.2 type(MIME)

指定解析类型，默认text/javascript

2.3 charset

指定字符编码，如：utf-8

2.4 defer

延迟加载资源（只对外部脚本有效）

2.5 async

异步加载页面（只对外部脚本有效）

2.6 async和defer的异同

 同：都是为了解决阻塞问题而产生的

 异：

1. 顺序方面。defer延迟在dom加载之后执行，第一个script比第二个优先； async加载完成后就执行，顺序不确定，与网络请求有关。
2. 执行时机方面。defer在domContentLoad 之前，async在onload之前，有可能是在domContentLoad前后。

2.7 async和defer可以同时用吗？

可以，但最好不要，但是只会执行async

---

总结

以上就是今天要讲的内容，主要是script标签的作用和几个参数的解析。