加載iframe和腳本同步

Question

我有<iframe src="some source">和<script src="source.js"></script>

我想script之前加載iframe。

在html中簡單的連續插入不起作用（有時腳本比iframe早加載）。

此外，捕獲iframe.onload並動態地添加腳本並不是我想要的，因爲source.js包含document.write和來自異步腳本的chrome塊。

Answer 1

的defer屬性添加到您的腳本，所以它不會加載，直到頁面加載後：

<iframe src="some source"> 
<script defer src="source.js"></script> 

UPDATE：對於任何人（像我）誰不知道爲什麼defer不會與包含document.write()腳本工作，這裏是從MDN的解釋：

提示信息：doc延遲或異步腳本中的ument.write將被忽略，並且您會在錯誤控制檯中收到類似「異步加載的外部腳本中的document.write（）調用被忽略」的消息。