解决iframe的frameborder在chrome/ff/ie下的差异

225 阅读 0 评论 149 点赞

我是靠谱客的博主大意音响，最近开发中收集的这篇文章主要介绍解决iframe的frameborder在chrome/ff/ie下的差异，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
var iframe = document.createElement("iframe"); 
iframe.id = "frame-" + index; 
iframe.src = url; 
iframe.width = "100%"; 
iframe.marginwidth = "0"; 
iframe.scrolling = "no"; 
iframe.frameborder="0"; 

使用IE中“查看选定区域源代码”发现创建的iframe代码是<IFRAME frameborder=0/>，网上搜了下资料，原来是IE不认小写，我晕死....

使用

复制代码代码如下:

 
setAttribute("frameborder", "0", 0); 
//问题解决了。 

复制代码代码如下:

 
var iframe = document.createElement("iframe"); 
iframe.id = "frame-" + index; 
iframe.src = url; 
iframe.width = "100%"; 
iframe.marginwidth = "0"; 
iframe.scrolling = "no"; 
iframe.setAttribute("frameborder", "0", 0); //最后一个0表示是否区别大小写，问题解决 