您现在的位置:首页 >> 前端 >> 内容

iframe的src属性设为'#'导致父页面二次加载问题解决

时间:2018/3/29 14:56:02 点击:

  核心提示:发生情景子 iframe 包含在父页面中,我们想在加载父页面的时候,不立即加载子 iframe ,于是我们设置了子 iframe 的 src 属性值为 # 作为占位符。问题打开chrome开发者工具,...

发生情景

子 iframe 包含在父页面中,我们想在加载父页面的时候,不立即加载子 iframe ,于是我们设置了子 iframe 的 src 属性值为 # 作为占位符。

问题

打开chrome开发者工具,向服务器发送请求加载父页面。在开发者工具Network选项卡下,会发现加载父页面的请求它发送了两次,这肯定不是我们希望的情况。

解决方式

若希望在加载父页面的时候,不去立即加载子iframe,而是再触发某个事件的时候再去加载子iframe,我们可以将子iframe的src属性值设置为空串,即<iframe src='' name="test" frameborder="0" scrolling="yes"></iframe>。上述方式,不会导致父页面二次加载问题

Tags:IF FR RA AM 
作者:网络 来源:XCMercy