JavaScript高级编程设计（第三版）——第二章：在html中使用javaScript_javascript与jquery实战教程(第三版)中第二章主要讲了什么-CSDN博客

本文链接：https://blog.csdn.net/dw14687/article/details/129136399

文章介绍了JavaScript的基本概念，包括两种引入方式——嵌入式和外部引入，noscript标签的使用，以及script标签的参数如src、type、charset、defer和async，详细解释了defer和async的异同及执行时机。

摘要由CSDN通过智能技术生成

系列文章目录

第三章：基本概念

1.3 noscript标签标签

2.7 async和defer可以同时用吗？

总结

前言

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

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

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

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

一、javaScript是什么？

JavaScript是一种编程语言，<script>用于引入JavaScript至网页中。html中使用<script></script>标签引入。

1.有两种引入方式

1.1 嵌入式

直接把<script></script>写在html页面中，如下：

<script>
  function name(){
    console.log(name,"这是嵌入式")
  }
</script>

1.2 外部引入

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

<!-- 也可以引入其他后缀资源,不局限于js -->
<script src="./app.js"></script>
<!-- 也可引入其他域的文件 -->
<script src="https://www.baidu.com/main.js"></script>

1.3 noscript标签

这个标签是针对不支持javaScript的浏览器。当不支持这个文件时，会出现<noscript>标签中的内容，如下：

<body>
  <noscript>提示：您的浏览器不支持javaScript,请更新至最新版本或换其他浏览器</noscript>
</body>

1.4文档模式

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

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

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

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

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

<!DOCTYPE HTML >

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

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

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的异同

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

异：

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

2.7 async和defer可以同时用吗？

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

总结

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