小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,则不会显示其中的任何内容