在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 不知道谁先加载完成。
推荐文章: