1
像嵌入时脚本:“load”事件与异步和/或推迟
<script src="..." async defer></script>
有没有办法知道,当他们完成加载?
通常,当调用window.load
事件时,人们会希望所有脚本都准备好。但是我不知道当你用async
或defer
加载它们时它仍然存在。我已经在线阅读了一些文档,但在这个问题上找不到任何确凿的结论。
像嵌入时脚本:“load”事件与异步和/或推迟
<script src="..." async defer></script>
有没有办法知道,当他们完成加载?
通常,当调用window.load
事件时,人们会希望所有脚本都准备好。但是我不知道当你用async
或defer
加载它们时它仍然存在。我已经在线阅读了一些文档,但在这个问题上找不到任何确凿的结论。
您可以利用onload
事件属性来加载脚本后执行某种回调。
在此示例中,只需在脚本完成加载后提醒用户。
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true" async defer onload="alert('resource loaded');">
好吧,所以window.onload事件不考虑异步脚本吗? – Lakshay
window.onload在触发前等待一切加载,而document.onload在DOM准备就绪时触发。所以,如果你有异步脚本document.onload将首先执行,而window.onload将等待。所以window.onload会考虑到asyncscripts – Danoram