小议IE8下的KB927917错误-阿里云开发者社区

小议IE8下的KB927917错误

2017-11-14 1178

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

　日前，在进行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 ="http://www.w3.org/1999/xhtml">
< head >
　　 < title >KB927917 </ title >
　　
</ head >
< body >
　　 < div id ="GrandFather">
　　　　 < div id ="Uncle">This is Uncle </ div >
　　　　 < div id ="Father">
　　　　　　 < script　 type ="text/javascript"　 >
　　　　　　　　 function $(Id){ return document.getElementById(Id);}
document.write( '<div id="Nephew">This is Nephew</div>');
$( 'GrandFather').appendChild($( 'Nephew'));
　　　　　　</ script >　
　　　　</ div >
　　 </ div >
</ body >
</ html >

　　这段示例代码很简单，在id为Father的div中，用JS生成一个id为Nephew的div，并将该div添加为id为GrandFather的div的子元素。

　　然而，这段代码在IE8下浏览，浏览器报了KB927917的错误。该错误所示如下：

　　HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)

　　我对该段英文的理解是：在子元素闭合之前不能对其父容器元素进行修改

　　上面的示例代码，JS的代码是放在id为Father的div中，在执行JS代码时，该div还没有闭合。此时JS试图添加子元素到其父容器（id为GrandFather的div）时，就引发了KB927917的错误。

　　虽然上面的代码在IE8下会报KB927917的错误，但是渲染还是正常的。然而，笔者在测试其他网页的时候，由于该错误，导致页面的按钮失效。因此，还是要想办法解决该问题。

　　网上提到该错误的时候，几乎都是提到一种解决方案，将JS代码移到Body标签的后面。经过笔者的实验，发现将JS代码移到id为GrandFather的div外面就可以了。也就是JS代码的执行不影响div的闭合就可以了。

　　下面是示例二的网页代码

<! 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 >KB927917 </ title >
　　
</ head >
< body >
　　 < div id ="GrandFather">
　　　　 < div id ="Uncle">This is Uncle </ div >
　　　　 < div id ="Father">
　　　 </ div >
　　 </ div >
　　 < script　 type ="text/javascript"　 >
　　　　 function $(Id){ return document.getElementById(Id);}
document.write( '<div id="Nephew">This is Nephew</div>');
$( 'GrandFather').appendChild($( 'Nephew'));
　　</ script >　

</ body >
</ html >

　　上面的示例代码就解决了IE8下的KB927917的错误。而没必要将JS代码放置在Body的标签后面。

　　再回看示例一的代码。在JS代码执行的时候，id为Father的div没有闭合，而其父容器id为GrandFather的div此时也没有闭合。我突然想到，是不是id为GrandFather的div没有闭合才是引发KB927917错误的主要原因。为此，做了一个实验，修改了一下代码，将原本“添加为id为GrandFather的div的子元素”改成“添加为id为Uncle的div的子元素”。因为在执行这段JS的代码时，id为GrandFather的div没有闭合，而id为Uncle的div已经闭合。

　　下面是示例三的网页代码：

<! 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 >KB927917 </ title >
　　
</ head >
< body >
　　 < div id ="GrandFather">
　　　　 < div id ="Uncle">This is Uncle </ div >
　　　　 < div id ="Father">
　　　　　　 < script　 type ="text/javascript"　 >
　　　　　　　　 function $(Id){ return document.getElementById(Id);}
document.write( '<div id="Nephew">This is Nephew</div>');
$( 'Uncle').appendChild($( 'Nephew'));
　　　　　</ script >　
　　　　</ div >
　　 </ div >
</ body >
</ html >

　　测试这段代码，一切正常。这也印证我之前的判断——id为GrandFather的div没有闭合才是引发KB927917错误的主要原因

　　经过上面的测试，可以总结为，当JS试图修改一个没有闭合的元素的时候，会引发KB927917的错误。

　　最后说两句题外话，同样的示例一的网页在IE9下浏览正常，似乎IE9自动修正该错误。网上说，该错误在IE7和IE6会引发长时间的读取动作，就像死机了一样，我没有测试，不好评说。另，在VS2008中直接启动用IE8浏览，该错误也似乎被修正，这是什么原因，也就没有深究了。

本文转自万仓一黍博客园博客，原文链接：http://www.cnblogs.com/grenet/archive/2012/04/24/2467571.html，如需转载请自行联系原作者