IE7中网页动态创建iframe时边框问题- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE7中网页动态创建iframe时边框问题

Javascript: JavaScript 继承详解（四）; 兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现; js 实现无缝滚动兼容IE和FF; js 对象是否存在判断; 优化 JavaScript 代码的方法小结; 表单元素事件 (Form Element Events); js 动态创建 html元素; prototype 学习笔记整理; JavaScript 创建对象; javascript 全角转换实现代码; DOM 基本方法; 用showModalDialog弹出页面后，提交表单总是弹出一个新窗口; javascript 动态创建 Option选项; javascript 7行代码画出一个围棋棋盘; 比较简单的异步加载JS文件的代码; javascript 层隐藏和显示的代码; 自定义滚动条3.0; javascript iframe内的函数调用实现方法; Prototype Class对象学习; Prototype RegExp对象学习

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 390 ::

收藏到网摘: n/a

在网页中放iframe，如果frameborder=0；就没有边框显示了；

但动态创建时，在IE7中就不行了，从网上找到解决的办法，写出来记录给自已！

以下是代码，但在IE中有边框；

程序代码

var iframe = document.createElement('iframe');
iframe.setAttribute('frameborder', '0');

解决后的代码为：

程序代码

var iframe = document.createElement('iframe');
iframe.setAttribute('frameborder', '0', 0);

后面那个'0'表示是否区分大小写。

原因：DOM里面的属性都是大写的，也就是说上面这段代码，在IE里面最后会变成：< IFRAME frameBorder=0... 由于IE认大写的，所以”frameborder“ 它自然不认。