替换型元素顾名思义就是把文件的内容引入并替换掉自身位置的一类元素标签;首先,问题是引入一个 css 和 js 它们两个所用的标签属性 一个是 link 的 href,一个是 script 的 src,下面开始学习。
替换型元素包括以下几种:
- script 标签
- img 标签
- picture 标签
- video 标签
- audio 标签
- iframe 标签
前面学习了表达式的一些结构,其中关于赋值表达式,对它的左边部分(左值表达式)进行了学习,而留下了它右边的部分(右值表达式);
在一些通用的计算机语言设计理论中,能够出现在赋值表达式右边的叫做右值表达式(RightHandSideExpression),而在 JavaScript 标准中,规定了在等号右边的表达式叫做条件表达式(ConditionalExpression),并且在 JavaScript 标准中,右值表达式的字样从没出现过。
JavaScript 标准也规定了左值表达式同时都是条件表达式,此外,左值表达式也可以通过跟一定的运算符组合,逐级构成更复杂的结构,直到成为右值表达式。
对于右值表达式来说,可以理解为以左值表达式为最小单位开始构成的,下面学习左值表达式是如何一步步构成更为复杂的语法结构。如下:
在 JavaScript 标准中,把语句分成了两种:声明和语句;不过,他们的区分逻辑需要整理一下。
根据上面的分类,对这些语句进行学习。
先了解一下 JavaScript 语法的一些基本规则,首先,在 ES6 引入了模块机制后,JavaScript 可以分为两种源文件:一种叫做脚本、一种叫做模块;而在 ES5 和之前的版本中,就只有一种脚本源文件类型。然而脚本是可以由浏览器或者 node 环境引入执行的,而模块只能由 JavaScript 代码用 import 引入执行。
从概念上可以认为脚本是具有主动性的 JavaScript 代码段,是控制宿主完成一定任务的代码;模块是被动性的 JavaScript 代码段,是等待被调用的库;也不难发现,模块和脚本之间的区别仅仅在于是否包含 import 和 export。但是现代浏览器可以支持直接用 script 标签引入模块或脚本,在引入模块的前提条件就是必须给 script 标签添加 type=”module” 属性,而引入脚本不需要加 type 属性,它的默认值是 text/javascript;如下引入模块:
1 | <script type="module" src="****.js"></script> |