html第一次加载的时候调用公共js
时间: 2023-11-24 22:07:04 浏览: 37
您好!当HTML文件第一次加载时,可以使用以下方法调用公共JS文件:
1. 在HTML头部添加script标签
在HTML文件的头部添加script标签,将公共JS文件引用进来。例如:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="common.js"></script>
</head>
<body>
<!-- Your HTML body content here -->
</body>
</html>
```
2. 使用defer或async属性
可以在script标签中添加defer或async属性,将公共JS文件的加载推迟到HTML文档解析完毕后再执行。例如:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="common.js" defer></script>
</head>
<body>
<!-- Your HTML body content here -->
</body>
</html>
```
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="common.js" async></script>
</head>
<body>
<!-- Your HTML body content here -->
</body>
</html>
```
其中,defer属性表示脚本会在文档解析完成后执行,async属性表示脚本会在下载完成后立即执行。两者的区别在于defer属性保证脚本的执行顺序与HTML文档中的顺序一致,而async属性则不保证。
希望能够对您有所帮助。