在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 相关文章推荐
提高代码性能技巧谈—以创建千行表格为例
Jul 01 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
Feb 16 Javascript
在图片上显示左右箭头类似翻页的代码
Mar 04 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
微信小程序 欢迎界面开发的实例详解
Nov 30 Javascript
JS实现的系统调色板完整实例
Dec 21 Javascript
微信小程序表单验证错误提示效果
May 19 Javascript
jQuery实现的简单前端搜索功能示例
Oct 28 jQuery
js前端导出Excel的方法
Nov 01 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
Feb 23 Javascript
vue 实现购物车总价计算
Nov 06 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+MYSQL的文章管理系统(一)
2006/10/09 PHP
php实现的支持断点续传的文件下载类
2014/09/23 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
jquery Mobile入门—外部链接切换示例代码
2013/01/08 Javascript
JavaScript框架(iframe)操作总结
2014/04/16 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
JavaScript检查数字是否为整数或浮点数的方法
2015/06/09 Javascript
使用canvas实现仿新浪微博头像截取上传功能
2015/09/02 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
2015/10/22 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
js基于cookie方式记住返回页面用法示例
2016/05/27 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
浅谈$_FILES数组为空的原因
2017/02/16 Javascript
记一次webapck4 配置文件无效的解决历程
2018/09/19 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
[38:21]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS Newbee
2018/03/31 DOTA
python中偏函数partial用法实例分析
2015/07/08 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
Python selenium自动化测试模型图解
2020/04/15 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
Python编写万花尺图案实例
2021/01/03 Python
大学生学业生涯规划
2014/01/05 职场文书
幼儿园元旦家长感言
2014/02/27 职场文书
六一儿童节主持词
2014/03/21 职场文书
红色故事演讲稿
2014/05/22 职场文书
领导干部保密承诺书
2014/08/30 职场文书
教师国庆节演讲稿范文2014
2014/09/21 职场文书
四风自我剖析材料思想汇报
2014/10/01 职场文书
晚会开幕词
2015/01/28 职场文书
个人委托函范文
2015/01/29 职场文书
2015教师节师德演讲稿
2015/03/19 职场文书
酒店工程部经理岗位职责
2015/04/09 职场文书
单独二胎证明
2015/06/24 职场文书
教师病假条范文
2015/08/17 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书