当前位置: 代码迷 >> Web前端 >> frames["frameName"]用法bug
  详细解决方案

frames["frameName"]用法bug

热度:583   发布时间:2012-09-01 09:33:02.0
frames["frameName"]用法bug?
闲话少说,直接上代码:
<body>
<iframe name="frameName" id="frameName" ></iframe>
<script type="text/javascript">
    var frameName22 = {a:1635879};
    var obj = frames["frameName"];
    for(var k in obj){
       alert(k+"========="+obj[k]);
    }
</script>
</body>

我们知道,frames["frameName"]是获取当前页面中name为frameName的框架的window对象。比如上例,obj即为一个iframe的window对象。

但是,如果此时当前页面中定义一个变量名也为frameName的一个变量或对象,例如:
<body>
<iframe name="frameName" id="frameName"></iframe>
<script type="text/javascript">
    var frameName = {a:1635879};
    var obj = frames["frameName"];
    for(var k in obj){
       alert(k+"========="+obj[k]);
    }
</script>
</body>

那么,此时obj即为你所定义的那个变量,即{a:1635879},与iframe没有任何关系。

你会对此发出疑问:产生这种结果是不是因为那个变量在后面,把前面的iframe覆盖掉了呢?针对你这种疑问,于是:
<body>
<script type="text/javascript">
    var frameName = {a:1635879};
    var ifrObj = document.createElement('iframe');
    ifrObj.name = "frameName";
    ifrObj.id = "frameName";

    document.body.appendChild(ifrObj);
    var obj = frames["frameName"];
    for(var k in obj){
       alert(k+"========="+obj[k]);
    }
</script>
</body>

运行结果显示:obj还是你所定义的那个变量,即{a:1635879}。从而可以有力的证明我们下面的猜想。

总结:对于frames["frameName"]返回的结果,按照以下原则:
如果页面中存在变量名为frameName的变量,那么frames["frameName"]会优先返回这个变量(可以这样理解:若window对象中存在属性名为frameName的属性,那么frames["frameName"]会优先返回这个属性所对应的值,相当于调用了window["frameName"]);如果没有这样的一个变量,才返回iframe所在的window的对象;如果此时也不存在这样的iframe,则最后返回undefined。

这是浏览器解析时的一个bug?还是故意这样设计的?
  相关解决方案