在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 相关文章推荐
$.format,jquery.format 使用说明
Jul 13 Javascript
css值转换成数值请抛弃parseInt
Oct 24 Javascript
js对文章内容进行分页示例代码
Mar 05 Javascript
jQuery层动画定位滑动效果的方法
Apr 30 Javascript
在JavaScript中处理时间之getHours()方法的使用
Jun 10 Javascript
极力推荐10个短小实用的JavaScript代码段
Aug 03 Javascript
详解Vue自定义过滤器的实现
Jan 10 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
Jan 13 Javascript
Bootstrap布局之栅格系统学习笔记
May 04 Javascript
详解在 Angular 项目中添加 clean-blog 模板
Jul 04 Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 Javascript
用Vue写一个分页器的示例代码
Apr 22 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
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
php字符串的替换,分割和连接方法
2016/05/23 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
JS高级笔记
2011/07/13 Javascript
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
JavaScript获取table中某一列的值的方法
2014/05/06 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
2015/11/30 Javascript
手机端实现Bootstrap简单图片轮播效果
2016/10/13 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
浅谈Vuejs Prop基本用法
2017/08/17 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
使用node-media-server搭建一个简易的流媒体服务器
2021/01/20 Javascript
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python学习小技巧总结
2018/06/10 Python
Python快速转换numpy数组中Nan和Inf的方法实例说明
2019/02/21 Python
python图形工具turtle绘制国际象棋棋盘
2019/05/23 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
Linux常见面试题
2013/03/18 面试题
个人廉洁自律承诺书
2014/03/27 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
大专毕业生自我鉴定范文(2篇)
2014/09/27 职场文书
2014年销售工作总结与计划
2014/12/01 职场文书
关爱留守儿童主题班会
2015/08/13 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
python四种出行路线规划的实现
2021/06/23 Python
MySQL索引失效十种场景与优化方案
2023/05/08 MySQL