js 标签加载后执行js
时间: 2023-09-16 08:06:33 浏览: 41
可以使用以下方法来实现在JS标签加载后执行JS代码:
1. 使用window.onload事件
```html
<body>
<script src="your-script.js"></script>
<script>
window.onload = function() {
// your code here
};
</script>
</body>
```
2. 使用defer属性
```html
<body>
<script src="your-script.js" defer></script>
<script>
// your code here
</script>
</body>
```
3. 使用async属性
```html
<body>
<script src="your-script.js" async></script>
<script>
// your code here
</script>
</body>
```
注意:
- defer和async属性只适用于外部脚本,不适用于内联脚本
- defer属性会保证脚本在文档解析完毕后执行,而async属性会在脚本下载完毕后立即执行,无论文档是否解析完毕
- 如果需要在文档解析期间执行脚本,应该使用window.onload事件
相关问题
js 获取标签加载后执行
可以使用 window.onload 事件来获取标签加载后执行。在 HTML 文档中,可以将 JavaScript 代码放在 <script> 标签中,然后使用 window.onload 事件来确保文档的所有标签都已加载完毕后再执行 JavaScript 代码。例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>JS 获取标签加载后执行</title>
</head>
<body>
<h1 id="title">Hello World!</h1>
<script>
window.onload = function() {
var title = document.getElementById("title");
alert(title.innerHTML);
};
</script>
</body>
</html>
```
在上面的例子中,我们定义了一个 window.onload 事件处理函数,它会在文档的所有标签都加载完毕后执行。在事件处理函数中,我们使用 document.getElementById() 方法获取了 id 为 "title" 的标签,并弹出了该标签的 innerHTML 属性值。由于是在 window.onload 事件中执行的 JavaScript 代码,所以可以确保标签已经加载完毕,从而避免了获取到空值的情况。
js 页面标签内容加载后执行js
可以使用 window.onload 或 document.ready 事件来实现在标签内容加载后执行 JavaScript。
window.onload 事件会在整个页面(包括图片和其他资源)全部加载完毕后触发,而 document.ready 事件会在 DOM 树构建完毕后触发,这意味着页面的所有标签都已经加载完毕,但是图片和其他资源可能还在加载中。
示例:
使用 window.onload:
```javascript
window.onload = function() {
// 在页面全部加载完毕后执行的代码
};
```
使用 jQuery 的 document.ready:
```javascript
$(document).ready(function() {
// 在页面标签加载完毕后执行的代码
});
```