在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 相关文章推荐
基于Jquery的仿照flash放大图片效果代码
Mar 16 Javascript
jQuery级联操作绑定事件实例
Sep 02 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
Dec 29 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
关于微信小程序bug记录与解决方法
Aug 15 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
react native 仿微信聊天室实例代码
Sep 17 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
Aug 28 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通用检测函数集合
2006/11/25 PHP
php重定向的三种方法分享
2012/02/22 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
Yii核心验证器api详解
2016/11/23 PHP
javascript基础的动画教程,直观易懂
2007/01/10 Javascript
Jquery 设置标题的自动翻转
2009/10/03 Javascript
JS类的封装及实现代码
2009/12/02 Javascript
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
JS中input表单隐藏域及其使用方法
2017/02/13 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
2018/09/16 Javascript
angular4强制刷新视图的方法
2018/10/09 Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
2018/12/06 Javascript
webpack file-loader和url-loader的区别
2019/01/15 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
生产制造追溯系统之在线打印功能
2019/06/03 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
python将ip地址转换成整数的方法
2015/03/17 Python
Python的gevent框架的入门教程
2015/04/29 Python
Python将图片转换为字符画的方法
2020/06/16 Python
Python3.6日志Logging模块简单用法示例
2018/06/14 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
Python实现将HTML转成PDF的方法分析
2019/05/04 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
python dumps和loads区别详解
2020/02/04 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
《口技》教学反思
2014/02/21 职场文书
感恩之星事迹材料
2014/05/03 职场文书
电工技术比武方案
2014/05/11 职场文书
运动会口号大全
2014/06/07 职场文书
2014年平安建设工作总结
2014/11/19 职场文书