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

相关文章

  • Javascript实现表单检验

    Javascript实现表单检验

    这篇文章主要介绍了Javascript实现表单检验,以注册界面为例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • es6中Promise 对象基本功能与用法实例分析

    es6中Promise 对象基本功能与用法实例分析

    这篇文章主要介绍了es6中Promise 对象基本功能与用法,结合实例形式分析了es6中Promise对象的基本功能、用法及操作注意事项,需要的朋友可以参考下
    2020-02-02
  • JS伪继承prototype实现方法示例

    JS伪继承prototype实现方法示例

    这篇文章主要介绍了JS伪继承prototype实现方法,结合实例形式对比分析了基于prototype实现模拟继承的相关操作技巧,需要的朋友可以参考下
    2018-06-06
  • JS动态高度虚拟列表实现原理解析

    JS动态高度虚拟列表实现原理解析

    这篇文章将和大家一起探讨一下动态高度虚拟列表原理并指出常见虚拟列表采用累计高度方式存在缺点,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-11-11
  • 树结构之JavaScript

    树结构之JavaScript

    本文主要介绍了JavaScript树结构的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • js日期时间格式化的方法实例

    js日期时间格式化的方法实例

    这篇文章主要给大家介绍了关于js日期时间格式化的相关资料,文中分别介绍了利用原生js以及Moment.js库处理日期时间格式化的方法,需要的朋友可以参考下
    2021-07-07
  • 基于js粘贴事件paste简单解析以及遇到的坑

    基于js粘贴事件paste简单解析以及遇到的坑

    下面小编就为大家带来一篇基于js粘贴事件paste简单解析以及遇到的坑。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 面向对象设计模式的核心法则

    面向对象设计模式的核心法则

    有本经典的书叫《设计模式》,讲了经典的21种设计模式,建议大家都看看
    2013-11-11
  • Javascript复制实例详解

    Javascript复制实例详解

    最近接了个项目,其中有项目需求是这样的,需要复制内容到剪切板,因为有众多浏览器,所以兼容性很重要,下面通过本文给大家介绍Javascript复制实例详解,对js复制相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • JS箭头函数和常规函数之间的区别实例分析【 5 个区别】

    JS箭头函数和常规函数之间的区别实例分析【 5 个区别】

    这篇文章主要介绍了JS箭头函数和常规函数之间的区别,结合实例形式分析了JS箭头函数和常规函数之间的 5 个区别与相关使用注意事项,需要的朋友可以参考下
    2020-05-05

最新评论