linux社区爱心援助Linux认证系列教程业界动态站务新闻公司招聘网络学院网址大全LPI专题CISCO专题
设为首页
加入收藏
管理团队
JSP  
JAVA  
PERL  
 您的位置:首页 > 开发语言 > JavaScript >
栏目导栏
  php
  JSP
  ASP
  asp.net
  JAVA
  c/c++/c#
  perl
  JavaScript
  Basic
  Delphi
资料搜索
热门文章
·javascript 时间对象的格式化
·去掉字符串前后的空格
·javascript 事件监听机制
·javascript 事件调用顺序
·js刷新框架子页面的七种方法
·JavaScript:替换字符串
·IE下的JScript编程需注意的内存
·用javascript操作word文档
·Javascript中CTRL+回车提交表单
·JS 获取鼠标位置
·javascript判断Email地址是否有
·Javascript中Select的OnChange
·JS实现的滑动展开与折叠效果
·有分页功能的WEB打印
·Javascript实现窗口最大化的严
最新文章
·使用CSS改变表格边框样式
·为网页添加浮动广告
·判断表单中添加是否数字的JS与
·让浏览器状态栏动起来
·使用Javascript制作行间颜色间
·禁止用右键查看源代码
·网页侦测四法
·制作弹出公告窗口
·为网页添加特效
·网页中取消鼠标右键方法大全
·JavaScript 根据屏幕解析度显示
·如何实现浏览器上的右键菜单
·如何制作浮动广告
·让弹出窗口变得“体贴”一些
·JavaScript技巧:让网页自动穿上
Google
 
js刷新框架子页面的七种方法
[ 作者:  加入时间:2007-10-29 13:50:20  来自:Linux联盟收集整理 ]

下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HkDLinux联盟
<HTML>HkDLinux联盟
<HEAD>HkDLinux联盟
<TITLE> frameDemo </TITLE>HkDLinux联盟
</HEAD> HkDLinux联盟
<frameset rows="50%,50%">HkDLinux联盟
<frame name=top src="top.html">HkDLinux联盟
<frame name=button src="button.html">HkDLinux联盟
</frameset>HkDLinux联盟
</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.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。HkDLinux联盟
  top.html源代码;(页面上有七个按钮,功能都是刷新下面的框架页面)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HkDLinux联盟
<HTML>HkDLinux联盟
<HEAD>HkDLinux联盟
</HEAD>HkDLinux联盟
<BODY>HkDLinux联盟
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>HkDLinux联盟
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>HkDLinux联盟
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>HkDLinux联盟
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>HkDLinux联盟
<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>HkDLinux联盟
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>HkDLinux联盟
<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>HkDLinux联盟
</BODY>HkDLinux联盟
</HTML>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HkDLinux联盟
<HTML>HkDLinux联盟
<HEAD>HkDLinux联盟
</HEAD>HkDLinux联盟
<BODY onload="alert('我被加载了!')">HkDLinux联盟
<h1>This is the content in button.html.</h1>HkDLinux联盟
</BODY>HkDLinux联盟
</HTML>

Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论
评论】【加入收藏夹】【 】【打印】【关闭
※ 相关链接
无相关信息