IE浏览器中“意外地调用了方法或属性访问”等经典错误解析

IE浏览器JavaScript运行时错误分析

同一段代码在多次调用时，有时能正常运行，有时却会抛出异常：

function clearSelect(obj){

if(obj && obj.options)

obj.options.length=0;

以下是前人总结的一些经验：

这里列举了两个经典的异常场景，若不清楚其底层原理，往往难以定位问题。从下方的代码示例中可以观察到触发这些错误的特定条件。

<iframe src="javascript:'<script>top.ff1={abc:function(){}}<\/script>'" width=0 height=0 name="f1"></iframe>

<button onclick="f1.location='about:blank';setTimeout('alert(ff1.abc())',0)">不能执行已经释放的代码</button>

<iframe src="Javascript:'<script>top.ff2={abc:function(){}}<\/script>'" width=0 height=0 name="f2"></iframe>

<button onclick="f2.location='about:blank';setTimeout('alert(ff2.toString())',0)">意外地调用了方法或属性访问</button>

在p标签的innerHTML中插入center标记会导致问题：

<p onclick="innerHTML='<CENTER></CENTER>'"><button>未知的运行时错误</button></p>

下面展示的是另一个经典的“无法打开Internet站点”异常案例：

<div id="tt"><div><script>document.getElementById("tt").innerHTML=""</script></div></div>

从上述示例可以看出，IE浏览器在处理某些边界情况时的健壮性仍有较大的提升空间。