IE 8 HTML Parsing Error: Unable to modify the parent container element before the child element is c

来源：互联网发布：郑州it外包公司编辑：程序博客网时间：2024/04/30 17:37

它的发生，是因为某些DOM操作发生在DOM树加载完成之前，比如appendChild

就像下面的代码：

<html>
<head>
</head>
<body>
<div>
<script type="text/javascript">
    alert(document.readyState);
    var oDiv = document.createElement("DIV");
    oDiv.innerHTML = 'test odiv test odiv';
    document.body.appendChild(oDiv);
</script>
</div>
</body>
</html>

当解析到DIV时就开始在BODY上appendChild，而这个时候BODY是还没有完全就绪的（It is not fullyloaded），文档结构仍在loading和interactive状态之间，于是，便会得到上述错误。当然，该错误目前已确切知道的会存在于IE6和IE7两个版本中（低于IE6的未进行测试），在IE8中将会得到一个HTML解析错误：HTML Parsing Error: Unable tomodify the parent container element before the child element is closed(KB927917)

1.要解决这个问题，可以进行document.readyState状态判断，当它为complete时再进行相应的操作，或者给script标签加上defer属性（该属性在IE8中已不获支持）。

2.或者

js中加入了 setTimeout("XXXX()",1000);，使其获得足够的加载时间后执行目标(XXXX)的function，于是问题得到解决

说明

这个属性是只读的，传回值有以下的可能：

0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。
1-LOADING：加载程序进行中，但文件尚未开始解析。
2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。
3-INTERACTIVE：仅对已加载的部分文件有效，在此情况下，对象模型是有效但只读的。
4-COMPLETED：文件已完全加载，代表加载成功。
　
　
范例
alert("The readyState property is " + xmlDoc.readyState);

if (document.readyState=="complete")
document.readyState几种状态及示例 - gaoyusi - My code life

{

AdjustImageSize();
document.readyState几种状态及示例 - gaoyusi - My code life

}

else

{

document.onreadystatechange = function()
document.readyState几种状态及示例 - gaoyusi - My code life

{

if (document.readyState == "complete")
document.readyState几种状态及示例 - gaoyusi - My code life

{

AdjustImageSize();
document.readyState几种状态及示例 - gaoyusi - My code life

}

function AdjustImageSize()
document.readyState几种状态及示例 - gaoyusi - My code life

{

var imageWidth = document.all["SendPic"].width;
document.readyState几种状态及示例 - gaoyusi - My code life

var imageHeight = document.all["SendPic"].height;
document.readyState几种状态及示例 - gaoyusi - My code life

if (imageWidth == 0 && imageHeight == 0)
document.readyState几种状态及示例 - gaoyusi - My code life

{

document.write ("图片下载失败，请刷新！");
document.readyState几种状态及示例 - gaoyusi - My code life

return;

}

if (imageWidth > 160 || imageHeight > 160)
document.readyState几种状态及示例 - gaoyusi - My code life

{

if (imageWidth > imageHeight)
document.readyState几种状态及示例 - gaoyusi - My code life

{

k = 160 / imageWidth;
document.readyState几种状态及示例 - gaoyusi - My code life

imageHeight = imageHeight * k;
document.readyState几种状态及示例 - gaoyusi - My code life

imageWidth = 160;
document.readyState几种状态及示例 - gaoyusi - My code life

}

else

{

k = 160 / imageHeight;
document.readyState几种状态及示例 - gaoyusi - My code life

imageWidth = imageWidth * k;
document.readyState几种状态及示例 - gaoyusi - My code life

imageHeight = 160;
document.readyState几种状态及示例 - gaoyusi - My code life

}

document.all["ImgResized"].value = "1";
document.readyState几种状态及示例 - gaoyusi - My code life

}

document.all["SendPic"].width = imageWidth;
document.readyState几种状态及示例 - gaoyusi - My code life

document.all["SendPic"].height = imageHeight;
document.readyState几种状态及示例 - gaoyusi - My code life

document.all["ImgWidth"].value = imageWidth;
document.readyState几种状态及示例 - gaoyusi - My code life

document.all["ImgHeight"].value = imageHeight;
document.readyState几种状态及示例 - gaoyusi - My code life

}

</script>

function showMessage() {
            if (document.readyState == "complete")
            {
                art.dialog.alert('Yeah~~,This is BackGround Dialog!');
            }
        }