深入理解javascript中defer的作用

前端技术 2023/09/01 JavaScript

很多人都已经把 Javascript的用的炉火纯青了，但见到defer未必就知道他是做什么用的；很多人也都遇到过这样的问题，需要直接执行别且操作DOM对象的js 总是报找不到对象的错误，原因大家也都知道就是页面还有没有加载完毕，js的操作对象还在下载中。但很多人都不知道，添加defer标签就能轻而易举的解决这个问题。

<script src=\"../CGI-bin/delscript.js\" defer></script>

中的defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题---有点问题

复制代码 代码如下:

<button id=\"myButton\" onclick=\"alert(\'ok\')\">test</button>
<script>
myButton.click();
</script>

<script>
myButton.click();
</script>
<button id=\"myButton\" onclick=\"alert(\'ok\')\">test</button>

<script defer>
function document.body.onload() {
alert(document.body.offsetHeight);
}
</script>

本文地址：https://www.stayed.cn/item/2015

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案