用JavaScript刷新框架子页面的方法

•       下面以三个页面分别命名为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" onclick="window.parent.frames[1].location.reload()">< br> < input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()">< br> < input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()">< br> < input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br> < input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"> br> < input type=button value="刷新6" onclick="window.parent.bottom.location.reload()">< br> < input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()">< br> < /BODY> < /HTML>

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

  以下是引用片段： < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < /HEAD> < BODY onload="alert('我被加载了！')"> < h1>This is the content in button.html.< /h1> < /BODY> < /HTML>

  （出处：急速软件下载学院）

• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 用JavaScript刷新框架子页面的方法 相关文章：
• ·免费领养QQ空间五级花最新技巧及代码放送
• ·纯CSS制作的新闻网站中的文章列表
• ·用JavaScript刷新框架子页面的方法
• ·官方下载：XP SP3最新测试版
• ·多亮点极速 新版极速浏览器试用
• ·VC资源更新器 让电驴更快一些
• ·QQ空间导航代码最新版使用方法
• ·江民12月19日病毒播报：蠕虫家族新变种
• ·Windows 7操作系统新技术深入探讨
• ·怎么样清除能突破主动防御的新型木马
• 用JavaScript刷新框架子页面的方法 相关软件
• ·《泰坦之旅之不朽王座》新+14修改器
• ·NDS《新彩虹岛中文汉化版》模拟器
• ·《彩虹岛》1.13升级至1.14手动更新补丁
• ·《冰封王座》地图：新月の光v5.10_AI沉沦的遗迹
• ·《魔兽世界》最新的场景宣传片
• ·《最高指挥官》3254最新8项属性修改器
• ·《变速齿轮》最新升级版
• ·新泡泡堂《勇闯章鱼岛》客户端下载
• ·《宝岛Z 红胡子的秘宝》新游戏画面
• ·X360《剑豪 ZERO》最新视频画面

上一篇:3GP手机视频转换工具WinAVI

下一篇:网页排名靠前网页标题写法

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐