在IE6下发生Internet Explorer cannot open the Internet site错误


Posted in Javascript onJune 21, 2010

具体出现的情况是这样的:

在页面还没有完全加载的情况下,鼠标点击触发了一个生成iFrame的脚本事件。
先是想到,将脚本事件,在页面加载完全后,再动态添加到触发的位置,这样,页面加载完全之前,这里是不会有脚本事件的,自然也不会报错。

以上办法有些被动,于是去参看生成iframe的脚本。

正常的页面结构是

<body> 
<form> 
........ 
</form> 
</body>

生成iframe的脚本是:
function CreateiFrame(){ 
var objBody = document.getElementsByTagName("body").item(0); 

var objiFrame = document.createElement("iframe"); 

objBody.appendChild(objiFrame); 
}

appendChild() 方法,在节点的子节点列表末添加新的子节点。所以创建iframe后的DOM为:
<body> 
<form> 
........ 
</form> 
<iframe> 
........ 
</iframe> 
</body>

因为是在<form>还没有加载完全的情况下,创建了<iframe>,所以在IE6下就出现了页面错误。
相信在看到这里的时候,已经发现了解决的办法:将<iframe>创建在<form>之前的话,就没有问题了!
那么,我们就需要用到另外一个添加元素的方法 insertBefore():
function CreateiFrame(){ 
var objBody = document.getElementsByTagName("body").item(0); 
var objiFrame = document.createElement("iframe"); 
objBody.insertBefore(objiFrame,document.getElementById("form1")); //form1为form的id 
}

insertBefore() 方法,在节点的子节点列表任意位置插入新的节点。
insertBefore有2个参数可以设置,第一个是和appendChild相同的;第二可以为null,效果等同于insertBefore() 方法,也可以为指定需要在哪个子节点之前插入新子节点。
<body> 
<iframe> 
........ 
</iframe> 
<form id“form1”> 
........ 
</form> 
</body>
Javascript 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
node.js 一个简单的页面输出实现代码
Mar 07 Javascript
javascript进行数组追加方法小结
Jun 16 Javascript
javascript获取文档坐标和视口坐标
May 26 Javascript
JavaScript实现同时调用多个函数的方法
Nov 09 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
vue.js表格分页示例
Oct 18 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
微信小程序中遇到的iOS兼容性问题小结
Nov 14 Javascript
js中Generator函数的深入讲解
Apr 07 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 Javascript
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
Oct 05 Javascript
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
Jun 21 #Javascript
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 #Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
Jun 19 #Javascript
一段批量给页面上的控件赋值js
Jun 19 #Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 #Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 #Javascript
WEB高性能开发之疯狂的HTML压缩
Jun 19 #Javascript
You might like
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
arguments对象
2006/11/20 Javascript
改版了网上的一个js操作userdata
2007/04/27 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
jQuery性能优化的38个建议
2014/03/04 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
Javascript判断图片尺寸大小实例分析
2014/06/16 Javascript
实例详解jQuery结合GridView控件的使用方法
2016/01/04 Javascript
javascript使用闭包模拟对象的私有属性和方法
2016/10/05 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
js实现旋转木马效果
2017/03/17 Javascript
Bootstrap Table使用整理(二)
2017/06/09 Javascript
浅谈 Vue 项目优化的方法
2017/12/16 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
2018/12/20 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
Python获取apk文件URL地址实例
2013/11/01 Python
Python实现扫描指定目录下的子目录及文件的方法
2014/07/16 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
基于python时间处理方法(详解)
2017/08/14 Python
python执行CMD指令,并获取返回的方法
2018/12/19 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
使用opencv识别图像红色区域,并输出红色区域中心点坐标
2020/06/02 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
python实现图片转字符画的完整代码
2021/02/21 Python
浅析HTML5中的 History 模式
2017/06/22 HTML / CSS
家庭睡衣和家庭用品:Little Blue House
2018/03/18 全球购物
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
Pretty Little Thing美国:时尚女性服饰
2018/08/27 全球购物
资源工程专业毕业生求职信
2014/02/27 职场文书
琅琊山导游词
2015/02/05 职场文书
学校计划生育责任书
2015/05/09 职场文书
证婚人致辞精选
2015/07/28 职场文书
victoriaMetrics库布隆过滤器初始化及使用详解
2022/04/05 Golang