JavaScript
一、JavaScript初识和引用
1.JavaScript的组成
- ECMAScript：核心语法 DOM：
- 文档对象模型
- BOM：浏览器对象模型
2.script元素及属性
1.使用<script>元素的方式有两种：
- 直接在页面中嵌入JavaScript代码
<body>
<!-- 这里写html代码 -->
<script>
/* 这里写JS代码 */
</script>
</body>
- 引入JavaScript文件
<body>
<!-- 这里写html代码 -->
<script src=""></script>
<script src=""></script>
<script src=""></script>
</body>
包含在<script>元素内部的JavaScript代码将从上至下依次解析，在对<script>元素内部的所有代码解析完毕之前，页面中的其余内容都不会被浏览器加载和显示。外部引入的JavaScript文件解析顺序亦是如此。
2.向HTML页面中插入JavaScript的主要方法就是使用<script>标签。它有两个常用的属性，这两个属性都只对外部脚本文件有效。
- defer：延迟脚本，表示脚本可以延迟到文档被完全解析和显示之后才会执行。会按照指定的顺序执行。
- async：异步脚本，表示立即下载脚本，但不妨碍页面中的其他操作。不会按指定的顺序执行。
一般情况下，我们会把引入的外部文件写在<head></head>标签内部，但是这样写就意味着必须等到JavaScript代码全都下载解析执行完毕，才会开始呈现页面的内容，只有遇到<body>标签才会开始呈现内容。这样就会导致浏览器在呈现页面时出现延迟，延迟期间浏览器就会是一片空白，为了避免这个问题，我们一般会把JavaScript引用放到<body>标签中页面内容的最后面，也就是<body>标签的最后一个子元素。
通常，在不存在defer和async属性的情况下，浏览器就会按照<script>元素在页面中的先后顺序对他们依次进行解析。也就是只有在第一个<script>元素包含的代码解析完成之后，才会解析第二个<script>元素包含的代码，然后才是第三个…，第四个…
3.引入外部文件的好处：
- 可维护：开发人员可以在不触及HTML标记的情况下，编辑JavaScript代码。
- 可缓存：如果有多个页面使用到了用一个文件，那么这个文件只需下载一次，从而能够加快页面的加载速度。
- 适应未来
最低0.47元/天 解锁文章
1258
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
