2016-10-22 92 views
1

像嵌入时脚本:“load”事件与异步和/或推迟

<script src="..." async defer></script> 

有没有办法知道,当他们完成加载?

通常,当调用window.load事件时,人们会希望所有脚本都准备好。但是我不知道当你用asyncdefer加载它们时它仍然存在。我已经在线阅读了一些文档,但在这个问题上找不到任何确凿的结论。

回答

0

您可以利用onload事件属性来加载脚本后执行某种回调。

在此示例中,只需在脚本完成加载后提醒用户。

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true" async defer onload="alert('resource loaded');"> 
+0

好吧,所以window.onload事件不考虑异步脚本吗? – Lakshay

+2

window.onload在触发前等待一切加载,而document.onload在DOM准备就绪时触发。所以,如果你有异步脚本document.onload将首先执行,而window.onload将等待。所以window.onload会考虑到asyncscripts – Danoram