【JavaScript】window对象_frames数组对象

简介:
window对象的frames属性是一个数组,它与window对象的parent、top等
对象属性,都是用于对HTML的帧标签(<frameset>或<iframe>)进行编程的
javascript对象。(利用parent.frames.来调用)

framedemo.html:
<html>
<head>
</head>
<frameset rows="20%,80%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
</html>

脚本代码最好不要编写在framedemo.html中,
而是写在frame各个区域的网页中。
top.html:
<input type=button value="刷新" 
onclink="window.parent.frames[1].loaction.reload()">
<!--刷新的是frame name=bottom-->


<input type=button value="刷新2" 
onclink="parent.frames.bottom.loaction.reload()">


<input type=button value="刷新3" 
onclink="parent.frames['bottom'].loaction.reload()">


<input type=button value="刷新4" 
onclink="parent.frames.item(1).loaction.reload()">


<input type=button value="刷新5" 
onclink="parent.frames.item('bottom').loaction.reload()">


<input type=button value="刷新6" 
onclink="parent.bottom.loaction.reload()">


<input type=button value="刷新7" 
onclink="parent['bottom'].loaction.reload()">


<!--个人觉得摔性能2与6比较好记-->

2.top属性:
例子:
top.html:
<frameset rows="20%,*">
    <frame name="a">
    <frame name="x" src="bottom.html">
</frameset>


bottom.html:
<frameset cols="30%,*">
    <frame name="b">
    <frame name="c" src="bottom_right.html">
</frameset>


bottom_right.html:
<script language="javascript">
     parent.parent.a.document.write("www.baidu.com");
</script>
____________________________________________________
<frameset rows="20%,*">
    <frame name="a">
    <frameset cols="30%,*">
        <frame name="b">
        <frame name="c" src="bottom_right.html">   
    </frameset>
</frameset>

bottom_right.html:

<script language="javascript">
     parent.a.document.write("www.baidu.com");
</script>

转载请注明出处:http://blog.csdn.net/acmman/article/details/44126609
相关文章
|
2天前
|
JavaScript Java 数据安全/隐私保护
js对象可扩展性和属性的四个特性(下)
js对象可扩展性和属性的四个特性(下)
|
4天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
11 1
|
4天前
|
JavaScript 前端开发
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
|
5天前
|
前端开发 JavaScript 安全
解锁 JavaScript ES6:函数与对象的高级扩展功能
解锁 JavaScript ES6:函数与对象的高级扩展功能
|
5天前
|
JavaScript 前端开发 Java
遨游 JavaScript 对象星际:探索面向对象编程的深邃世界
遨游 JavaScript 对象星际:探索面向对象编程的深邃世界
|
5天前
|
前端开发 JavaScript 算法
JavaScript 中的数学与时光魔法:Math与Date对象大揭秘
JavaScript 中的数学与时光魔法:Math与Date对象大揭秘
|
5天前
|
存储 JSON JavaScript
JavaScript 魔法镜:透视对象Object与执行上下文的内在奥秘
JavaScript 魔法镜:透视对象Object与执行上下文的内在奥秘
|
5天前
|
存储 前端开发 JavaScript
JavaScript 数组魔法阵:解锁数据的无限潜能
JavaScript 数组魔法阵:解锁数据的无限潜能
|
5天前
|
JavaScript 索引
JS数组常用方法总结,含ES6新方法,附示例代码
JS数组常用方法总结,含ES6新方法,附示例代码