怎么引入js文件

lewis 7年前 (2019-01-19) 阅读数 11 #程序编程

文章标签 js

在HTML文件中引入JavaScript文件可以使用<script>标签。以下是几种常见的引入方式：

<!DOCTYPE html>
<html>
<head>
<script>
// JavaScript代码
</script>
</head>
<body>
...
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js"></script>
</head>
<body>
...
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js" defer></script>
</head>
<body>
...
</body>
</html>

异步引入：通过在<script>标签上设置async属性，使得浏览器异步加载JavaScript文件，加载完成后立即执行。注意，异步加载的JavaScript文件的执行顺序不一定与它们在HTML文件中的顺序相同。

<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js" async></script>
</head>
<body>
...
</body>
</html>

注意：在引入JavaScript文件时，应该将<script>标签放在<head>标签的内部或<body>标签的尾部，以避免阻塞页面的加载。

本文仅代表作者观点，不代表米安网络立场。

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。