解决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表示是否区别大小写,问题解决
Javascript 相关文章推荐
jquery多浏览器捕捉回车事件代码
Jun 22 Javascript
jQuery控制控件文本的长度的操作方法
Dec 05 Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 Javascript
js中开关变量使用实例
Feb 24 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
React BootStrap用户体验框架快速上手
Mar 06 Javascript
vue.js学习笔记之v-bind和v-on解析
May 03 Javascript
微信小程序实现红包雨功能
Jul 11 Javascript
详解基于webpack&amp;gettext的前端多语言方案
Jan 29 Javascript
基于three.js实现的3D粒子动效实例代码
Apr 09 Javascript
JS实现贪吃蛇游戏
Nov 15 Javascript
js实现简单的倒计时
Jan 28 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的正则处理函数总结分析
2008/06/20 PHP
php 什么是PEAR?
2009/03/19 PHP
ThinkPHP采用模块和操作分析
2011/04/18 PHP
zend framework文件上传功能实例代码
2013/12/25 PHP
PHP stream_context_create()函数的使用示例
2015/05/12 PHP
PHP超全局数组(Superglobals)介绍
2015/07/01 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
php实现简单的权限管理的示例代码
2017/08/25 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
PHP笛卡尔积实现算法示例
2018/07/30 PHP
PHP fopen函数用法实例讲解
2019/02/15 PHP
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
2016/08/28 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
bootstrap table实例详解
2017/01/06 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
2019/09/19 Javascript
[40:03]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
[05:37]DOTA2-DPC中国联赛 正赛 Elephant vs iG 选手采访
2021/03/11 DOTA
[50:44]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第二场 2月22日
2021/03/11 DOTA
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
python3.x+pyqt5实现主窗口状态栏里(嵌入)显示进度条功能
2019/07/04 Python
详解Django CAS 解决方案
2019/10/30 Python
numpy中三维数组中加入元素后的位置详解
2019/11/28 Python
python网络编程之五子棋游戏
2020/05/14 Python
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
汽车销售求职自荐信
2013/10/01 职场文书
大学毕业生自荐书怎么写?
2014/01/06 职场文书
大学生团日活动总结
2015/05/06 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL