html怎么引用js文件
时间: 2024-09-13 07:05:57 浏览: 38
javascript文件中引用依赖的js文件的方法
在HTML中引用JavaScript文件通常通过`<script>`标签完成。你可以将`src`属性设置为你想要加载的JavaScript文件的URL。这里是一个基本的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>引用JS</title>
</head>
<body>
<!-- 其他页面内容 -->
<!-- 引入外部JavaScript文件 -->
<script src="path/to/your/javascript.js"></script>
<!-- 如果你想在文档底部加载脚本,可以使用以下方式 -->
<!-- 这样可以减少页面渲染时间 -->
<script defer src="path/to/async_script.js"></script>
<!-- 或者如果你想立即执行,不等待页面加载完再运行 -->
<script async src="path/to/immediate_script.js"></script>
</body>
</html>
```
在这个例子中,`path/to/your/javascript.js`需要替换为实际的JavaScript文件路径。`defer`属性使得脚本会在文档解析完成后、DOMContentLoaded事件触发前执行,而`async`属性则表示脚本会异步加载并在浏览器空闲时执行。
阅读全文