js红宝书第二章

小five又回来了，本次从头开始学习JavaScript，主要是用来记录一些自己觉得重要的点，可能比较混乱

参考书目：JavaScript高级程序设计第四版

Chapter2

1、在html中引用js的两种方式：

<script></script>

<script src=""></script>

两种方式的引用，都会在解析时阻塞页面；

如果没有使用defer和async属性，所有的<script/>都会按照在文档中出现的顺序进行解析；

defer：高速浏览器立即下载js但是延迟执行

async：异步执行，同样立即下载，但是不能保证不同的Js之间的执行顺序

引用外部Js文件时，将标签放在Body最后面，可以有效的缓解页面渲染延迟的问题。

2、动态加载Js文件，通过DOM API

let script = document.createElement('script');
script.src = 'gibberish.js';
script.async = false;
document.head.appendChild(script);

为了避免出现有些浏览器不支持async属性，将其设置为同步加载模式

推荐使用第二种，引用外部js文件的方式

• 可维护性
• 缓存
• 适应未来

 3、<noscript>元素：

可以指定在不支持js的浏览器上显示的文字，若浏览器支持Js，则不会显示其中的任何内容