首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >保存iframe以更快地加载

保存iframe以更快地加载
EN

Stack Overflow用户
提问于 2017-03-21 10:29:01
回答 1查看 6.9K关注 0票数 1

所以,我在为一家当地的水务公司做一个网站。在网站上有很多iframe,比如:

代码语言:javascript
运行
复制
<iframe id="iframewebpage" runat="server" src="https://docs.google.com/gview?url=http://vandvaerk.smidstrup.net'.$DocumentDir_NoDot.$File.'&embedded=true" style="width:100%; height:20%; overflow:hidden; z-index:1;" frameborder="0"></iframe>

因为有很多这样的网站,所以需要很长时间才能加载。是否可以将其保存在服务器上而不是每次加载到另一台服务器上?

抱歉,如果英语不好

EN

回答 1

Stack Overflow用户

发布于 2017-03-22 11:51:39

我认为您应该考虑这个选项:为每个iframe放置图像,当人们单击该图像时,只需加载特定的iframe。所以你不需要同时加载所有的iframes网站。HTML:

代码语言:javascript
运行
复制
<img id="iframewebpage" src="img/someimage.jpg" data-src="iframe-src" / >

Jquery:

代码语言:javascript
运行
复制
$("img#iframewebpage").click(function(){
  $(this).replaceWith("<iframe src="+$(this).data('src')+"></iframe>");
  $("iframe").attr({
      height: "500",
      allowfullscreen: "true",
      frameborder:"0"
  });
});

因此,页面只需要加载图像,而不是在启动时加载iframe。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42924440

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档