解决IE的KB927917问题

Kenny.Lee

浏览: 515649 次
性别:
来自: 广州

最近访客更多访客>>

fjiis

pipifeiya

zhangyawen1028

ermaogogo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

IE JavaScript 浏览器脚本 Opera

页面错误提示：Unable to modify the parent container element before the child element is closed (KB927917)

简单描述：子HTML元素内包含试图修改子容器的父容器元素的脚本。

这个问题是伟大的浏览器IE发现的，各大浏览器没有这种反馈，原因就是解析的JavaScript的机制不同。这个问题一直到IE8还是存在，估计一直也存在。因为解析JavaScript的解析IE是边读边执行的，所以如果脚本允许修改父元素，并且子元素又没关闭的话，会失去条理性。

首先是微软的详细解释：http://support.microsoft.com/kb/927917

而网上一般发生的情况都是在appendChild或者是innerHTML，例如下面的例子：

<html> 
<body> 
  <div>
   <script type="text/javascript">
var newElem = document.createElement('foo');
    document.body.appendChild(newElem);
   </script>
  </div>
</body>
</html>

但我遇到的却提示在：

		var isKonqueror = /KHTML/.test(navigator.userAgent);
		var isIE = ( /MSIE/.test(navigator.userAgent) && !/(Opera|Gecko|KHTML)/.test(navigator.userAgent) );
		var iframe = document.createElement("iframe");
		iframe.style.width = "100%";
		iframe.style.height = "20px";
		iframe.style.overflowX = "auto";
        iframe.scrolling = "no";
		iframe.marginWidth = 0;
		iframe.marginHeight = 0;
		iframe.border = 0;
		iframe.frameBorder = 0;
		iframe.style.border = "none";
		function resizeAndNullIframe() { resizeIframe(); iframe = null;};
		function resizeIframe() {
			if (iframe !=null) {
				var w = iframe.offsetWidth, b = iframe.contentWindow.document.body;
                if (b.scrollWidth > w) {
					b.style.overflow = "auto";
					b.style.width = w + "px";
				} else {
					iframe.style.width = b.scrollWidth -20 + "px";
				}
                    var i_frame = iframe;
                //alert(b.scrollHeight+"|"+iframe.offsetHeight);
                var _delay = isIE ? 300 : 0 ;
                setTimeout(function(){ i_frame.style.height = b.scrollHeight + 30 + "px";}, _delay);
            }
		};
		document.getElementById("iframeBody1").appendChild(iframe);

iframeBody1为存放此段代码的容器ID。最大嫌疑的只有document.createElement("iframe")一段，但改起来比较麻烦。

而通过IE Developer调试获得的准确位置是在：

iframe.style.width = b.scrollWidth -20 + "px";

虽然看了好久还是不知道原因，调试尝试把这句去掉，依然报错，但是IE Developer已经没有任何提示信息，单纯的报错。

最后想了下，因为是微软独特的问题，又想起微软另外一个独特的属性，"defer"。使用后问题马上迎刃而解了。

这个加入后不用修改原来任何代码，并且兼容各种浏览器了，问题解决。

最后发现其实微软的MSDN上早已列举了解决办法，其中也包括使用defer。貌似又兜了一圈。不到自己为微软叹息，自己搞出来的问题，使用自己的方法解决，最后受苦的还是我们。唉。

具体MSDN地址：http://blogs.msdn.com/ie/archive/2008/04/23/what-happened-to-operation-aborted.aspx

官方给出的解决办法如下：

   1. Moving your script execution to a function that is invoked after parsing is complete (e.g., onload)
   2. Adding the defer boolean attribute to the script block (this defers execution of the script content until parsing is complete)
   3. Limiting your tree modifications to the script-element's immediate parent
   4. Moving the location of your script block to a child of the body (this usually solves most problems, while allowing the most flexibility in terms of scenarios).

1
顶

0
踩

分享到：

解决导入本地JAR包到Maven Repository报错 ... | 分享封装的基于prototype的JavaScript工具 ...

2009-09-28 16:59
浏览 21736
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论