Javascript 单击事件时加载的Iframe

我的网页中有多个iFrame，这大大降低了我的网页速度

我如何处理这个问题

我的想法是加载每个iframe？ e、 g

任何帮助都会很好

编辑

---

我意识到我可以从下面的评论中加载iframe src on click事件，因此我在下面修改了我的答案。

谢谢你@Mike McCaughan和@Obsidian Age-我已经修改了你的参考资料并使其正常工作。页面速度是伟大的现在

已从iframe中删除src=”“

$(document).ready(function(){   
    $('a[data-reveal-id="corporate-profile"]').click(function() {document.getElementById("corporate-profile-iframe").src = "http://www.example.com/resources/corporate-profile/index.html";
    ...
    ...
    (multiple accounts of iframes)
});

---

您必须同时加载所有iFrame吗？您能否在单击事件或类似事件上加载单个iframe？另外，

.onload

是JavaScript，而不是jQuery；您可能正在查找

.load（）

。但是，就性能而言，我建议您使用

$（document）.ready（）

。Yes是一个单击事件，它会打开一个模式框来显示iframe，啊，所以我会进行onclick onload iframe？看起来您想要的与…可能重复的相同。如果这是答案，您需要编辑您的问题。据我所知，这一点都不相关。

$(document).ready(function(){   
    $('a[data-reveal-id="corporate-profile"]').click(function() {document.getElementById("corporate-profile-iframe").src = "http://www.example.com/resources/corporate-profile/index.html";
    ...
    ...
    (multiple accounts of iframes)
});