`

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？还是故意这样设计的？
1
顶
0
踩
分享到：
| hasOwnProperty实现剔除数组中重复项
评论
1 楼 wellrain 2012-10-17  
半年后，我再来看这篇文章；让我联想到了出自http://www.rainweb.cn/article/javascript-scope.html一篇关于js作用域的文章；我有点不清晰了：里面有这样一段分析：
var data = {name:'casper'};  
function data(){  
    alert('casper');  
}  
data();  //TypeError: object is not a function

更正：在火狐浏览器中，结果是弹出 casper 的警告框！
而在chrome和IE9中，的确提示说data是一个对象，而不是一个函数
是不是有砸显示器的冲动。。。data此时其实为{name:'casper'}，把一个object当函数调用，于是报错了
前面说过，函数声明（通过函数定义式）、var声明的变量会被提前，但是会有先后顺序之分，

function data(){  
    alert('casper');  
}  
var data;  
data = {name:'casper'};  
data();

略微修改下，结果就不同鸟
var data = {name:'casper'};  
var data = function (){  //通过函数表达式声明函数  
    alert('casper');  
}  
data();  //结果：casper  
  
//结合上文不难猜想过程如下：  
  
var data;  
data = {name:'casper'};  
data = function (){  
    alert('casper');  
}  
data();  //结果：casper
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics