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

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

Javascript: Mootools 1.2教程排序类和方法简介; Mootools 1.2 手风琴（Accordion）教程; Mootools 1.2教程类(一); Mootools 1.2教程 Tooltips; Mootools 1.2教程选项卡效果（Tabs）; Mootools 1.2教程(21)：类（二）; Mootools 1.2教程同时进行多个形变动画; Mootools 1.2教程滑动效果（Slide）; 不安全的常用的js写法; javascript 检测浏览器类型和版本的代码; javascript 弹出层居中效果的制作; javascript 遮照层效果; Javascript createElement和innerHTML增加页面元素的性能对比; 颜色快速采集器javascript代码; var与Javascript变量隐式声明; javascript 面向对象编程万物皆对象; jQuery 事件队列调整方法; JavaScript switch case 的用法实例[范围]; 控制input的CSS但不影响CheckBox以及Radio的样式; ext 同步和异步示例代码

技术文章搜索

关键字

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

收藏到网摘: 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“ 它自然不认。