请选择 进入手机版 | 继续访问电脑版
贠老师培训群:150322713    贠老师QQ:767708506

贠老师office培训-excel学习网

 找回密码
 立即注册
点击咨询贠老师
查看: 194|回复: 10

[js] 刷新框架子页面的七种js方法

[复制链接]

607

主题

604

帖子

1909

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1909
发表于 2016-2-16 22:53:13 | 显示全部楼层 |阅读模式
下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。

其中framedemo.html由上下两个页面组成,代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frameDemo </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=button src="button.html">
</frameset>
</HTML>

现在假设top.html即上面的页面有一个button来实现对下面页面的刷新,可以用以下七种语句,哪个好用自己看着办了。

语句1. window.parent.frames[1].location.reload();

语句2. window.parent.frames.bottom.location.reload();

语句3. window.parent.frames["bottom"].location.reload();

语句4. window.parent.frames.item(1).location.reload();

语句5. window.parent.frames.item('bottom').location.reload();

语句6. window.parent.bottom.location.reload();

语句7. window.parent['bottom'].location.reload();

解释一下:

1.window指代的是当前页面,例如对于此例它指的是top.html页面。

2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。

3.frames是window对象,是一个数组。代表着该框架内所有子页面。

4.item是方法。返回数组里面的元素。

5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。
top.html源代码;(页面上有七个按钮,功能都是刷新下面的框架页面)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY>
<input type=button value="刷新1"><br>
<input type=button value="刷新2"><br>
<input type=button value="刷新3"><br>
<input type=button value="刷新4"><br>
<input type=button value="刷新5"><br>
<input type=button value="刷新6"><br>
<input type=button value="刷新7"><br>
</BODY>
</HTML>

下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY>
<h1>This is the content in button.html.</h1>
</BODY>
</HTML>



想要了解更多更全面的web前段知识,css样式,html教程,数据库教程,word教程,excel教程等等,就到excel学习网www.excelxue.com


回复

使用道具 举报

0

主题

178

帖子

366

积分

中级会员

Rank: 3Rank: 3

积分
366
发表于 2016-2-28 14:08:38 | 显示全部楼层
谢谢楼主!!!!
回复

使用道具 举报

0

主题

700

帖子

57

积分

注册会员

Rank: 2

积分
57
发表于 2016-3-21 11:18:27 | 显示全部楼层
赞赞
回复 支持 反对

使用道具 举报

1

主题

345

帖子

364

积分

中级会员

Rank: 3Rank: 3

积分
364
QQ
发表于 2016-3-31 09:07:05 | 显示全部楼层
写的不错,支持一下哟
回复 支持 反对

使用道具 举报

0

主题

766

帖子

772

积分

高级会员

Rank: 4

积分
772
发表于 2016-4-7 14:31:12 | 显示全部楼层
楼主是好人哪,感谢分享,太棒了!
回复 支持 反对

使用道具 举报

3

主题

985

帖子

67

积分

注册会员

Rank: 2

积分
67
发表于 2016-8-3 15:06:46 | 显示全部楼层
一下子解决了我工作当中的难题,谢谢楼主,非常感谢!
回复 支持 反对

使用道具 举报

0

主题

863

帖子

54

积分

注册会员

Rank: 2

积分
54
发表于 2017-2-13 22:14:41 | 显示全部楼层
大神啊!豁然开朗。。。。。。
回复 支持 反对

使用道具 举报

4

主题

1004

帖子

195

积分

注册会员

Rank: 2

积分
195
发表于 2017-4-3 16:17:09 | 显示全部楼层
有些不是太明白,研究研究再说
回复 支持 反对

使用道具 举报

5

主题

492

帖子

73

积分

注册会员

Rank: 2

积分
73
发表于 2018-1-3 17:39:53 | 显示全部楼层
写的不错,支持一下哟
回复 支持 反对

使用道具 举报

2

主题

945

帖子

83

积分

注册会员

Rank: 2

积分
83
发表于 2018-9-19 09:12:54 | 显示全部楼层
顶楼主,帮你顶个贴,我挣个积分
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



陕ICP备15003731号  

贠老师培训 GMT+8, 2018-11-18 18:11 , Processed in 0.450533 second(s), 33 queries .

快速回复 返回顶部 返回列表