如何自动加载iframe元素

时间:2017-02-06 21:14:32

标签: javascript jquery html iframe

我有一个嵌入12个iframe元素的投资组合页面。我想知道是否有办法缓存或自动加载iframe元素,这样我就不需要每次加载网站时重新加载。

以下是我的iframe元素:

<iframe src="http://iframe.url" width="300" height="600" frameborder="0"></iframe>

iframe元素包含横幅广告,包括图像,HTML和JS代码。请让我知道如何完成这项任务。谢谢你的帮助!

2 个答案:

答案 0 :(得分:1)

您可以在iframe中为网址设置html元标记。

<META HTTP-EQUIV="EXPIRES"
CONTENT="Mon, 22 Jul 2018 11:12:01 GMT">

这将缓存iframe的结果。

即使您可以使用AJAX加载内容。这不会重新加载整个页面,而是我将动态更改内容。缓存AJAX结果以节省带宽。

答案 1 :(得分:1)

我在这里引用这些信息。如果我明白你的想法,那看起来很有希望。

  
    

友好的iframe

         

此技术适用于广告。这不是一个真正的iframe加载     技术,但更多的方法是使用iframe来保存广告。魔法     是不是如何加载iframe,而是在主页面如何加载     iframe和广告代码一起工作。它的工作原理如下:

  
     
      
  1. 创建iframe。将源设置为来自同一域的小型静态html页面

  2.   
  3. 在iframe中,设置JavaScript变量inDapIF = true告诉广告它是否加载在友好的iframe中

  4.   
  5. 在iframe中,创建一个以广告网址作为来源的脚本元素。像普通的JavaScript广告一样加载广告

  6.   
  7. 广告加载完毕后,请调整iframe的大小以适应广告的尺寸。

  8.         

    友情iframe适用于所有浏览器。

列出了其他技术,但这似乎适合您的用例。请参阅Iframe loading techniques and performance

中的其他方法

如果您想要一种强制iFrame重新加载的方法,那么这就是答案。 How to force an iFrame to reload once it loads