美文网首页
iframe 的缺点

iframe 的缺点

作者: 幸宇 | 来源:发表于2018-02-06 14:30 被阅读18次

1.iframe 会阻塞页面的onload事件
2.搜索引擎的检索程序是无法解读这种页面,不利于seo
3.iframe和主页面共享连接池,而浏览器对相同域的连接有限制,会影响页面的并行加载

所以在使用前应当考虑到以上缺点,如果非要使用iframe,最好是通过javascript动态给iframe添加src,这样可以绕开以上问题

var iframe = document.createElement("iframe");

iframe.src="[http://www.jb51.net](http://www.jb51.net/)"; 

document.body.appendChild(iframe);

但考虑浏览器的兼容性问题可以使用下面的代码

try{  
   var iframe = document.createElement('<iframe name="ifr"></iframe>');  
  }catch(e){ 
    var iframe = document.createElement('iframe');  
    iframe.name = 'ifr';  
 }

或者

if(ie && version < 9) {

var iframe = document.createElement('<iframe src="[http://www.jb51.net](http://www.jb51.net/)"></iframe>');

}else{

var iframe = document.createElement('iframe');

iframe.setAttribute('src','[http://www.jb51.net](http://www.jb51.net/)');
}

或者写到函数中

function Loadframe(){
      var newIframeObject=document.createElement('IFRAME');
       newIframeObject.src="http://v.788111.com/v2/video/vodtest.aspx";
                newIframeObject.scrolling="no";
                newIframeObject.frameBorder=0;
                newIframeObject.width=288;
                newIframeObject.height=65;  
       $("feature_info").appendChild(newIframeObject);
}

function $(s) { return document.getElementById(s); };

相关文章

  • 前端面试可能问的问题

    转自CSDN雄领IT iframe有哪些优点和缺点: 缺点:① iframe会阻塞主页面的Onload事件;② 搜...

  • iframe 的缺点

    1.iframe 会阻塞页面的onload事件2.搜索引擎的检索程序是无法解读这种页面,不利于seo3.ifram...

  • iframe

    index iframe __veblen iframe的一些缺点一直被人诟病,就像生活一样,一个缺点便可以颠覆认...

  • HTML面试题

    1.iframe有哪些缺点? iframe是一种框架,也是一种很常见的网页嵌入方式。 「iframe的优点」 if...

  • 2021-01-26面试题

    iframe框架都有哪些优缺点? iframe 是一种框架,也是一种常用的网页嵌入式 iframe优点 ifra...

  • 此刻无法理解

    iframe有那些缺点? iframe会阻塞主页面的Onload事件; iframe和主页面共享连接池,而浏览器对...

  • iframe的优缺点

    iframe用于标记一个内联框架: 优点: 1、重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少了...

  • iframe的优缺点

    iframe:是[HTML]标签,iframe元素会创建包含另外一个文档的内联框架。优点:1、解决加载缓慢的第三方...

  • web前端面试之浮动(码动未来)

    web前端面试之浮动(码动未来) 1.3.1、iframe有那些缺点? iframe会阻塞主页面的Onload事件...

  • 前端开发面试

    一、iframe有哪些缺点? iframe会阻塞主页面的Onload事件;搜索引擎的检索程序无法解读这种页面,不利...

网友评论

      本文标题:iframe 的缺点

      本文链接:https://www.haomeiwen.com/subject/hxegzxtx.html