解决iframe的frameborder在chrome/ff/ie下的差异
更新时间：2010年08月12日 10:58:00 作者：
最近的项目中使用了动态创建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表示是否区别大小写，问题解决
相关文章
这篇文章主要介绍了js生成二维码的示例代码,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-03
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
这篇文章主要介绍了ionic js 模型 $ionicModal 可以遮住用户主界面的内容框的相关资料,需要的朋友可以参考下2016-06-06
KindEditor使用JavaScript编写，可以无缝的与Java、.NET、PHP、ASP等程序接合。本文给大家介绍Kindeditor在线文本编辑器如何过滤HTML，需要的朋友参考下吧2016-04-04
创建文件的方法有很多，在本文为大家详细介绍下js中时如何实现的，感兴趣的朋友不要错过了2013-09-09
这篇文章主要介绍了JS实现自动固定顶部的悬浮菜单栏效果,涉及JavaScript针对window.onscroll事件的响应及页面样式动态变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章全面解析了Bootstrap表单的使用方法，本文重点介绍Bootstrap表单按钮，感兴趣的小伙伴们可以参考一下2015-11-11
微信小程序web-view无法打开该页面不支持打开的解决方法
小程序现在日渐成熟,功能也越来越强大,我们今天来一起看看小程序跳转的问题,下面这篇文章主要给大家介绍了关于微信小程序web-view无法打开该页面不支持打开的解决方法,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了security.js实现的RSA加密功能,结合实例形式分析了基于security.js进行RSA加密的相关操作技巧,需要的朋友可以参考下2018-06-06
基于Web标准的UI组件 — 树状菜单(2)...2006-09-09
这篇文章主要为大家详细介绍了bootstrap配合Masonry插件实现瀑布式布局，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
最新评论