一、说说 script 标签的几个常用属性
async表示立即下载该 js 文件，但不妨碍页面中的其他操作（只对外部 js 文件有效）defer表示该 js 文件可以延迟到整个页面被解析并显示之后再执行（只对外部 js 文件有效）src指定要引入的 js 文件路径type是language的替代属性，表示当前脚本的类型，如text/javascript|text/babel
二、引入 js 文件
- 正常引入
<script src="./js/routerList.js"></script>
- 省略结束标签（不符合 HTML 规范，也得不到 IE 浏览器的正确解析）
<script src="./js/routerList.js" />
注意： 带有 src 属性的 script 标签里面不应该有代码，如果有，则会被忽略
三、解决跨域问题，如 jsonp 就是利用这一点
<script src="https://www.xxx.com/xxx/xxx.js"></script>
四、script 标签的位置
- 按照惯例放在 head 里面
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./js/demo1.js"></script><script src="./js/demo2.js"></script><script src="./js/demo3.js"></script>
</head>
<body>...
</body>
</html>
那按照文档解析的顺序只能将这些 js 文件，加载、解析并执行完了之后，才去呈现 body 里面的内容（延迟，导致页面一片空白）
- 正确的做法是
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body>...<script src="./js/demo1.js"></script><script src="./js/demo2.js"></script><script src="./js/demo3.js"></script>
</body>
</html>
这样，等页面全部加载完成再去加载 js 文件，页面显示空白的时间缩短了，用户体验也很好
- 延迟脚本
defer– 等待页面都加载完成之后再去加载 js 文件
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script defer="defer" src="./js/demo1.js"></script><script defer="defer" src="./js/demo2.js"></script><script defer="defer" src="./js/demo3.js"></script>
</head>
<body>...
</body>
</html>
- 异步脚本
async
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script async src="./js/demo1.js"></script><script async src="./js/demo2.js"></script><script async src="./js/demo3.js"></script>
</head>
<body>...
</body>
</html>
告诉浏览器立即下载 js 文件，defer 是等待页面加载完成之后再加载、执行，async 是先下载，等页面加载完成之后（load 事件之后），再执行
noscript– 看看浏览器支不支持 js
<noscript>如果你的浏览器不支持 javascript 我就会在页面出现</noscript>
—— 《javascript 高级程序设计》
(64bit) is needed by mysql-community-server-5.7.9-1.el6.x86_64)
)
