JavaScript 高级程序设计（三版） 笔记在html中使用javascript
向 HTML 页面中插入 JavaScript 的方法
嵌入
<script> function a { console.log(1) } </script>可嵌在
html代码的任意位置引入外部文件
<!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <!-- 推荐位置 --> <script src="/js/jquery.min.js"></script> <script src="https://xxx.com/jquery.min.js"></script> </body> </html>浏览器在遇到
<body>标签时才开始呈现内容，现代 web 应用程序一般都会把全部引入的 js 文件放在<body>元素中页面内容的后面。
延迟加载
<script defer="defer" src="example.js"></script>延迟脚本会在浏览器遇到 </html> 标签后再执行，但有些浏览器不支持 defer 属性，为此，上方第二段代码片段中的推荐位置仍是最佳选择。
异步加载
<script async src="example.js"></script>指定 async 属性的目的是不让页面等待脚本下载和执行，从而异步加载页面的其他内容。
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
<script async src="example_a.js"></script> =>1
<script async src="example_b.js"></script> =>2
</head>
<body>
<!-- 页面内容 --> =>3
</body>
</html>1、2、3 不知道谁先加载完成。
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：