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

最新推荐文章于 2022-08-27 16:48:17 发布

weixin_30740295

最新推荐文章于 2022-08-27 16:48:17 发布

阅读量90

点赞数

原文链接：http://www.cnblogs.com/Fred_Xu/archive/2010/08/10/iframe-frameborder-0-in-ie-ff-chrome.html

版权

　　最近的项目中使用了动态创建iframe的js方法，发现iframe.frameborder="0"在IE7下不管用，而chrome/ff都正常的，很是郁闷。

        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表示是否区别大小写，问题解决

转载于:https://www.cnblogs.com/Fred_Xu/archive/2010/08/10/iframe-frameborder-0-in-ie-ff-chrome.html