系列文章目录

第三章：基本概念

系列文章目录

前言

一、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是一种编程语言，<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标签的作用和几个参数的解析。

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

UNIX环境高级编程（第三版）关于apue.h的用法
UNIX环境高级编程(第三版)中的例子用到apue.h这个头文件,但是书里面写的地址已经不能访问. 经过一番查找之后,找到如下解决方案: 1.到www.apuebook.com上下载第2版的源码,也可 ...
算法导论第三版第二章思考题答案
算法导论第三版第二章思考题答案第二章思考题算法导论第三版第二章思考题答案 2.1 2.2 2.3 2.4 汇总传送门 2.1 #include<iostream> using name ...
JavaScript高级编程设计（第三版）——第四章：变量作用域和内存问题
系列文章目录第二章:在html中使用javaScript 第三章:基本概念第四章:变量作用域和内存问题第五章:引用类型目录系列文章目录前言一.基本数据类型和引用类型的值? 1.数据类型 ...
JavaScript高级编程设计（第三版）——第三章：基本概念
系列文章目录第二章:在html中使用javaScript 第三章:基本概念第四章:变量作用域和内存问题目录系列文章目录前言一.语法 1.标识符 2.关键字和保留字二.数据类型 1.nul ...
javascript高级程序设计（第三版）学习摘录下
第十章 DOM 1001.每一段标记都可以通过树中的一个节点来表示:HTML 元素通过元素节点表示,特性(attribute)通过特性节点表示,文档类型通过文档类型节点表示,而注释则通过注释节点表示. ...
JavaScript高级程序设计（第三版）学习笔记22、24、25章
第22章,高级技巧高级函数安全的类型检测 typeof会出现无法预知的行为 instanceof在多个全局作用域中并不能正确工作调用Object原生的toString方法,会返回[Object ...
JavaScript高级程序设计（第三版）学习笔记1~5章
第2章,在html中使用JavaScript Html引入外部js脚本 <script type="text/javascript" src="test.js&qu ...
攻下《JavaScript高级程序设计》——第二章在HTML中使用JavaScript
从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...
《JavaScript高级程序设计》学习笔记（第二章）
在HTML中使用JavaScript 在前端开发中,HTML是整个页面的基石,用于控制页面的结构,如果没有HTML的话,JavaScript也将无用武之地,所以使用JavaScript的首要问题就是如 ...
常微分方程王高雄第三版--第二章一阶微分方程的初等解法--Julia实现
本章主要展示第二章一阶微分方程的初等解法中的各个示例第二章 2.1 变量分离方程与变量变换例1 例2 例3例4略例5 例6 例7 2.2 线性微分方程与常数变易法例1(例2) 例3 例5 例6 ...

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中使用javaScript相关推荐

最新文章

热门文章