代码改变世界

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

2010-08-10 13:59  Fred-Xu  阅读(566)  评论(1)  编辑  收藏  举报

　　最近的项目中使用了动态创建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表示是否区别大小写，问题解决