【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
相关文章
|
14天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
15 2
|
17天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
17 3
|
19天前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
32 4
|
19天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
33 4
|
17天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
24 1
|
18天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
14 2
|
21天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
21 5
|
20天前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
17 2
|
13天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
10 0
|
17天前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
11 0