在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 DOM操作 基于命令改变页面
May 06 Javascript
jQuery客户端分页实例代码
Nov 18 Javascript
利用javascript打开模态对话框(示例代码)
Jan 11 Javascript
node.js中的fs.exists方法使用说明
Dec 17 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
微信小程序学习笔记之本地数据缓存功能详解
Mar 29 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 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
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
新浪SAE搭建PHP项目教程
2015/01/28 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
Laravel ORM 数据model操作教程
2019/10/21 PHP
jQuery 1.0.2
2006/10/11 Javascript
Google韩国首页图标动画效果
2007/08/26 Javascript
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
2015/04/03 Javascript
jQuery拖拽插件gridster使用指南
2015/04/21 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
JavaScript实现斗地主游戏的思路
2016/02/29 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
jQuery双向列表选择器DIV模拟版
2016/11/01 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
jQuery上传多张图片带进度条样式(DEMO)
2017/03/02 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
2019/11/26 Javascript
在Python的Django框架下使用django-tagging的教程
2015/05/30 Python
Python自动发邮件脚本
2017/03/31 Python
Python模拟登录之滑块验证码的破解(实例代码)
2019/11/18 Python
Python TestSuite生成测试报告过程解析
2020/07/23 Python
python如何实现图片压缩
2020/09/11 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
html5页面结构_动力节点Java学院整理
2017/07/10 HTML / CSS
巴西宠物店在线:Geração Pet
2017/05/31 全球购物
英国派对礼服和连衣裙购物网站:TFNC London
2018/07/07 全球购物
servlet面试题
2012/08/20 面试题
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
保安自我鉴定范文
2013/12/08 职场文书
工商管理实习生自我鉴定范文
2013/12/18 职场文书
《绿色蝈蝈》教学反思
2014/03/02 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
安阳殷墟导游词
2015/02/10 职场文书
学校运动会感想
2015/08/10 职场文书