IE8 下的Js错误HTML Parsing Error..._javascript技巧

网页错误详细信息

用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; QQDownload 551; SLCC2; .NET CLR 2.0.50727)
时间戳: Wed, 12 Aug 2009 07:02:03 UTC

消息: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
行: 0
字符: 0
代码: 0

今天调试一段JS代码出现这个状况..在火狐 IE7 和IE6下都正常...郁闷,在网上搜索了一下相关资料 一般错误都是指所指定的标签没有加载完就是用该对象....

检查了代码 从表面上看没有什么问题

如下

<body>

<script language="javascript">

 var bgObj = document.createElement("div"); 
        bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; 
        document.body.appendChild(bgObj);
</script>
</body>

其实 仔细检查出来就发现 这段代码会在body没有加载完毕之前运行....

问题就出在这里....

所以 代码只能放在波电压外面去执行

<body>

</body>

<script language="javascript">

 var bgObj = document.createElement("div"); 
        bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; 
        document.body.appendChild(bgObj);
</script>

这样OK没问题了...看来IE 的逻辑性越来越强了.....可能以前很多代码都会出现这种问题咯

时间: 2024-12-23 14:53:44

IE8 下的Js错误HTML Parsing Error..._javascript技巧的相关文章

js的.innerHTML = &amp;quot;&amp;quot;IE9下显示有错误的解决方法_javascript技巧

问题: 在用js动态创建html页面时: 复制代码 代码如下: var tab = document.createElement("table"); tab.innerHTML += "<td>订货单号</td>"+ "<td>单据日期</td>"+ "<td>商品类型</td>"+ "<td>订单属性</td>"

小议IE8下的KB927917错误

日前,在进行JS测试的时候,不巧碰到了IE8下的KB927917的错误.在网络上搜寻了一番之后,结合实际,给出了自己的解决方案.下面用示例来说明. 先看看下面的示例一的网页代码:   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=&

IE8 兼容性问题(属性名区分大小写)_javascript技巧

如果将其中的属性height写成不是全部小写的时候,如写成 window.screen.Height或window.screen.heighT时,在IE6.IE7下可以得到值(IE6.IE7不区分大小写),在IE8下为undefined(IE8区分大小写),所以发生问题.例: 复制代码 代码如下: <html> <body> <input type="button" value="Test" onclick="showMess

ie下$.getJSON出现问题的解决方法_javascript技巧

前提:需导入相关js文件jquery.js $.post(url,data,success(data, textStatus, jqXHR),dataType) url:必需.规定把请求发送到哪个 URL. data:可选.映射或字符串值.规定连同请求发送到服务器的数据. success(data, textStatus, jqXHR):可选.请求成功时执行的回调函数. dataType:默认执行智能判断(xml.json.script 或 html). $.getJSON(url,data,s

js调试系列 初识控制台_javascript技巧

写在最开头:其实我以前就在考虑要不要写这个东西,因为这个东西确实不难,但是为什么会有这么多人问,他们问的不是怎么用控制台,而是不知道控制台能干嘛,他们也知道有 console.log 之类的东西,但他们不知道为什么要用这么长的字符串代替 alert 输出信息.在他们眼里 alert 足以.好吧,我承认小小的吐槽了下,不过这个系列我只打算介绍下调试的基本知识,不会涉及太深,因为深入的东西结合js知识,如果你js没到一个境界,我就算教你调试bug,破解一些插件之类的,你也根本不知道我在做什么.我的目

require.js 加载 vue组件 r.js 合并压缩的实例_javascript技巧

准备: vue.js 原本是学习vue组件 require.js 然后想到用require 加载 r.js 文件太多 合并 文件目录 忽略部分文件及文件夹 一.先说vue 组件 先引入vue 再引入vue组件 Vue.extend({}) 定义组件 template data methods Vue.component(),注册组件的标签,标签在html中是一个挂载点 new Vue() 进行实例化 index.html // css引入 略 <div id="header"&g

基于JavaScript实现鼠标向下滑动加载div的代码_javascript技巧

废话不多说了,关键代码如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new

jquery在Chrome下获取图片的长宽问题解决_javascript技巧

遇到个需要获得图片的长宽的问题.在IE.FireFox下均正常,就TMD在Chrome中不行,网上非有人说可以,然后还归结为是不是Chrome版本问题. 终于的终于,找到了答案. 在大多数情况下,把js代码放到图片标签的后面: 复制代码 代码如下: <img id="test" src="**.jpg" /> <script> alert(document.getElementById("test").width;<

IE下JS保存图片的简单实例_javascript技巧

IE下JS保存图片的简单实例 function ieSave() { var img = document.images[0]; var oPop = window.open(img.src, "", "width=0,height=0,top=5000,left=5000"); for (; oPop.document.readyState != "complete";) { if (oPop.document.readyState == &q