编程 Javascript

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

Posted in Javascript onAugust 12, 2010

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 异步调用框架 (Part 2 - 用例设计)

Aug 03 Javascript

hover的用法及live的用法介绍(鼠标悬停效果)

Mar 29 Javascript

JavaScript模块随意拖动示例代码

May 27 Javascript

jquery Validation表单验证使用详解

Sep 12 Javascript

jQuery+CSS3实现3D立方体旋转效果

Nov 10 Javascript

JavaScript定时器实现的原理分析

Dec 06 Javascript

巧用weui.topTips验证数据的实例

Apr 17 Javascript

Bootstrap table使用方法总结

May 10 Javascript

jQuery实现倒计时功能 jQuery实现计时器功能

Sep 19 jQuery

利用three.js画一个3D立体的正方体示例代码

Nov 19 Javascript

浅谈Webpack下多环境配置的思路

Jun 27 Javascript

vue简单封装axios插件和接口的统一管理操作示例

Feb 02 Javascript

Javascript倒计时代码

Aug 12 #Javascript

JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题

Aug 12 #Javascript

JavaScript 通过模式匹配实现重载

Aug 12 #Javascript

js更优雅的兼容

Aug 12 #Javascript

页面只有一个text的时候，回车自动submit的解决方法

Aug 12 #Javascript

javascript闭包的理解和实例

Aug 12 #Javascript

javascript 词法作用域和闭包分析说明

Aug 12 #Javascript

You might like

php unset全局变量运用问题的深入解析

2013/06/17 PHP

PHP弹出提示框并跳转到新页面即重定向到新页面

2014/01/24 PHP

使用PHPExcel导出Excel表

2018/09/08 PHP

thinkphp框架类库扩展操作示例

2019/11/26 PHP

Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析

2020/05/15 PHP

prototype Element学习笔记(篇二)

2008/10/26 Javascript

小议Javascript中的this指针

2010/03/18 Javascript

Jquery Ajax的Get方式时需要注意URL地方

2011/04/07 Javascript

javascript面向对象之对象的深入理解

2015/01/13 Javascript

jQuery toggle 代替方法

2016/03/22 Javascript

Vue.js计算属性computed与watch（5）

2016/12/09 Javascript

Angular4项目中添加i18n国际化插件ngx-translate的步骤详解

2017/07/02 Javascript

ionic2中使用自动生成器的方法

2018/03/04 Javascript

vue 每次渲染完页面后div的滚动条保持在最底部的方法

2018/03/17 Javascript

js正则相关知识点专题

2018/05/10 Javascript

layui中使用jquery控制radio选中事件的示例代码

2018/08/15 jQuery

小程序实现短信登录倒计时

2019/07/12 Javascript

Python解惑之True和False详解

2017/04/24 Python

详解python里使用正则表达式的全匹配功能

2017/10/19 Python

PyQT实现多窗口切换

2018/04/20 Python

Python绘制二维曲线的日常应用详解

2019/12/04 Python

浅谈keras通过model.fit_generator训练模型(节省内存)

2020/06/17 Python

Python操作Elasticsearch处理timeout超时

2020/07/17 Python

浅谈python 类方法/静态方法

2020/09/18 Python

英国床垫在线：Mattress Online

2016/12/07 全球购物

加拿大休闲和工业服装和鞋类零售商：L’Équipeur

2018/01/12 全球购物

英国赛车、汽车改装和摩托车零件购物网站：Demon Tweeks

2018/10/29 全球购物

高中校园广播稿

2014/01/11 职场文书

食品安全工作方案

2014/05/07 职场文书

领导班子民主生活会整改措施（工商局）

2014/09/21 职场文书

教师党的群众路线教育实践活动个人整改措施

2014/11/04 职场文书

2015年乡镇扶贫工作总结

2015/04/08 职场文书

篮球赛闭幕式主持词

2015/07/03 职场文书

使用redis生成唯一编号及原理示例详解

2021/09/15 Redis

MySQL数据库如何给表设置约束详解

2022/03/13 MySQL

vue3种table表格选项个数的控制方法

2022/04/14 Vue.js