闲话少说,直接上代码:
我们知道,frames["frameName"]是获取当前页面中name为frameName的框架的window对象。比如上例,obj即为一个iframe的window对象。
但是,如果此时当前页面中定义一个变量名也为frameName的一个变量或对象,例如:
那么,此时obj即为你所定义的那个变量,即{a:1635879},与iframe没有任何关系。
你会对此发出疑问:产生这种结果是不是因为那个变量在后面,把前面的iframe覆盖掉了呢?针对你这种疑问,于是:
运行结果显示:obj还是你所定义的那个变量,即{a:1635879}。从而可以有力的证明我们下面的猜想。
[color=red][b]总结:[/b][/color]对于frames["frameName"]返回的结果,按照以下原则:
如果页面中存在变量名为frameName的变量,那么frames["frameName"]会优先返回这个变量(可以这样理解:若window对象中存在属性名为frameName的属性,那么frames["frameName"]会优先返回这个属性所对应的值,相当于调用了window["frameName"]);如果没有这样的一个变量,才返回iframe所在的window的对象;如果此时也不存在这样的iframe,则最后返回undefined。
这是浏览器解析时的一个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}。从而可以有力的证明我们下面的猜想。
[color=red][b]总结:[/b][/color]对于frames["frameName"]返回的结果,按照以下原则:
如果页面中存在变量名为frameName的变量,那么frames["frameName"]会优先返回这个变量(可以这样理解:若window对象中存在属性名为frameName的属性,那么frames["frameName"]会优先返回这个属性所对应的值,相当于调用了window["frameName"]);如果没有这样的一个变量,才返回iframe所在的window的对象;如果此时也不存在这样的iframe,则最后返回undefined。
这是浏览器解析时的一个bug?还是故意这样设计的?