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); };
网友评论