怎么使用可以使用 onload 事件或者 defer 属性来延迟脚本的执
时间: 2023-06-11 10:07:26 浏览: 229
JavaScript事件使用示例
行?
可以使用 onload 事件或者 defer 属性来延迟脚本的执行。
1. onload 事件:在 HTML 中,可以将 script 标签放置在 body 元素的最后,这样可以确保在页面内容加载完毕后再执行脚本。也可以使用 window.onload 事件,该事件会在页面所有资源加载完成后触发,可以在事件处理程序中执行脚本。
示例:
```
<body>
<h1>Hello World</h1>
<script type="text/javascript">
window.onload = function() {
// 在这里编写需要延迟执行的代码
};
</script>
</body>
```
2. defer 属性:在 script 标签中添加 defer 属性可以告诉浏览器,不要等待脚本的加载和解析,而是让页面先继续加载,等到文档内容全部加载完毕后再执行脚本。defer 属性只适用于外部脚本文件,对于内联脚本无效。
示例:
```
<body>
<h1>Hello World</h1>
<script type="text/javascript" src="script.js" defer></script>
</body>
```
阅读全文