1)核心:ECMAScript
2)文档对象模型(DOM)
3)浏览器对象模型(BOM)
2、在HTML中使用JavaScript
2.1向HTML页面中插入JavaScript的主要方法,就是使用<script>元素。
2.2<script>的6个属性
1. async:可选,表示应该立即下载脚本,但不妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本,只对外部脚本有效。
2. charset:可选。表示通过src属性指定的代码的字符集,大多浏览器会忽略它的值,因此这个属性很少使用。
3. defer:可选,脚本延迟属性。表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效。
4. language:脚本类型属性,不是标准组成的一部分,已废弃。大多数浏览器
会忽略这个属性,已没必要使用。
5.src:链接外部文件属性,可选。表示包含要执行代码的外部文件。注意,一旦设置src属性,script元素中编写的JavaScript代码就可能无效。
6. type:脚本类型属性,可选。默认值为text/javascript可以看成language 的替代属性,表示编写代码所使用的内容类型(也叫mime类型)。
2.3、使用<script>的方式有两种:
A:在head或者body里面用script标签。
<script type="text/javascript"></script>
B:在外面定义一个js文件
<script type="text/javascript" src="01.js"></script>
在解析器对<script>元素内部的所有代码求值完毕以前,页面中的其余内容都不会被浏览器加载或显示。
2.4带有src属性的<script>元素不应该在<script></script>标签之间再包含额外的script代码。
只要不存在defer和async属性,浏览器都会按照<script>元素在页面中出现的先后顺序对它们一次进行解析。
2.5标签的位置:
一般script标签会被放在头部和尾部,头部就是<head>里尾部就是<body>里。
defer:表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效。其包含的脚本将延迟到浏览器遇到</html>标签后在执行。
async:属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。