编程 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淡入淡出效果的实现思路

Mar 31 Javascript

jquerydom对象的事件隐藏显示和对象数组示例

Dec 10 Javascript

jquery实现增加删除行的方法

Feb 03 Javascript

jquery控制显示服务器生成的图片流

Aug 04 Javascript

jQuery实现自动切换播放的经典滑动门效果

Sep 12 Javascript

JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)

Mar 25 Javascript

什么是JavaScript注入攻击?

Sep 14 Javascript

Dropify.js图片宽高自适应的方法

Nov 27 Javascript

浅析vue深复制

Jan 29 Javascript

vue 实现小程序或商品秒杀倒计时

Apr 14 Javascript

Node.js 路由的实现方法

Jun 05 Javascript

vue + axios get下载文件功能

Sep 25 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支付系统设计与典型案例分享

2016/08/02 PHP

微信企业转账之入口类分装php代码

2018/10/01 PHP

php定期拉取数据对比方法实例

2019/09/22 PHP

LazyForm jQuery plugin 定制您的CheckBox Radio和Select

2009/10/24 Javascript

基于jQuery的消息提示插件 DivAlert之旅（二）

2010/04/01 Javascript

网络之美 JavaScript中Get和Set访问器的实现代码

2010/09/19 Javascript

jsTree 基于JQuery的排序节点 Bug

2011/07/26 Javascript

JS动态加载脚本并执行回调操作

2016/08/24 Javascript

jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法

2017/12/24 jQuery

Vue.js 实现数据展示全部和收起功能

2018/09/05 Javascript

详解如何探测小程序返回到webview页面

2019/05/14 Javascript

详解微信小程序开发框架（MINA）

2019/05/17 Javascript

Vue CLI3基础学习之pages构建多页应用

2019/06/02 Javascript

在vue中封装的弹窗组件使用队列模式实现方法

2020/07/23 Javascript

深入解析Python中的WSGI接口

2015/05/11 Python

python 实现A*算法的示例代码

2018/08/13 Python

python数据结构学习之实现线性表的顺序

2018/09/28 Python

pygame游戏之旅载入小车图片、更新窗口

2018/11/20 Python

Python时间序列处理之ARIMA模型的使用讲解

2019/04/02 Python

一个可以套路别人的python小程序实例代码

2019/04/09 Python

Python依赖包整体迁移方法详解

2019/08/15 Python

详解Python图像处理库Pillow常用使用方法

2019/09/02 Python

Pycharm 字体大小调整设置的方法实现

2019/09/27 Python

Pytorch中实现只导入部分模型参数的方式

2020/01/02 Python

韩国11街：11STREET

2018/03/27 全球购物

墨西哥网上超市：Superama

2018/07/10 全球购物

美体小铺波兰官方网站：The Body Shop波兰

2019/09/03 全球购物

华美博弈C/VC工程师笔试试题

2012/07/16 面试题

个人找工作求职简历的自我评价

2013/10/20 职场文书

《动手做做看》教学反思

2014/04/09 职场文书

个人课题方案

2014/05/08 职场文书

社会实践的活动方案

2014/08/22 职场文书

公务员学习习总书记“三严三实”思想汇报

2014/09/19 职场文书

对党的十八届四中全会的期盼

2014/10/17 职场文书

2015毕业生实习工作总结

2014/12/12 职场文书

2015年社区居委会工作总结

2015/05/18 职场文书