iframe 的缺点

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('');  
  }catch(e){ 
    var iframe = document.createElement('iframe');  
    iframe.name = 'ifr';  
 }

或者

if(ie && version < 9) {

var iframe = document.createElement('');

}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); };

你可能感兴趣的:(iframe 的缺点)