javascript

位置:IT落伍者 >> javascript >> 浏览文章

JS刷新框架中的其他页面 && JS刷新窗口方法汇总


发布日期:2020年04月04日
 
JS刷新框架中的其他页面 && JS刷新窗口方法汇总

先来看一个简单的例子
下面以三个页面分别命名为framehtmltophtmlbottomhtml为例来具体说明如何做
framehtml 由上(tophtml)下(bottomhtml)两个页面组成代码如下

复制代码 代码如下:
<! DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN" >
< HTML >
< HEAD >
< TITLE > frame </ TITLE >
</ HEAD >
< frameset rows ="%%" >
< frame name =top src ="tophtml" >
< frame name =bottom src ="bottomhtml" >
</ frameset >
</ HTML >


现在假设tophtml (即上面的页面) 有七个button来实现对bottomhtml (即下面的页面) 的刷新可以用以下七种语句哪个好用自己看着办了
语句 windowparentframes[]locationreload();
语句 windowparentframesbottomlocationreload();
语句 windowparentframes["bottom"]locationreload();
语句 windowparentframesitem()locationreload();
语句 windowparentframesitem(bottom)locationreload();
语句 windowparentbottomlocationreload();
语句 windowparent[bottom]locationreload();
tophtml 页面的代码如下

复制代码 代码如下:
<! DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN" >
< HTML >
< HEAD >
< TITLE > tophtml </ TITLE >
</ HEAD >
< BODY >
< input type =button value ="刷新" onclick ="windowparentframes[]locationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparentframesbottomlocationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparentframes[bottom]locationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparentframesitem()locationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparentframesitem(bottom)locationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparentbottomlocationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparent[bottom]locationreload()" >< br >
</ BODY >
</ HTML >


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

复制代码 代码如下:
<! DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN" >
< HTML >
< HEAD >
< TITLE > bottomhtml </ TITLE >
</ HEAD >
< BODY onload ="alert(我被加载了!)" >
< h > This is the content in bottomhtml </ h >
</ BODY >
</ HTML >


解释一下
window指代的是当前页面例如对于此例它指的是tophtml页面
parent指的是当前页面的父页面也就是包含它的框架页面例如对于此例它指的是framedemohtml
frames是window对象是一个数组代表着该框架内所有子页面
item是方法返回数组里面的元素
如果子页面也是个框架页面里面还是其它的子页面那么上面的有些方法可能不行

Javascript刷新页面的几种方法
historygo()
locationreload()
location=location
locationassign(location)
documentexecCommand(Refresh)
windownavigate(location)
locationreplace(location)
documentURL=locationhref
自动刷新页面的方法:
页面自动刷新把如下代码加入<head>区域中
<meta httpequiv="refresh" content="">
其中指每隔秒刷新一次页面
页面自动跳转把如下代码加入<head>区域中
<meta httpequiv="refresh" content=";url=http://wwwjbnet">
其中指隔秒后跳转到页面
页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
windowlocationreload();
}
setTimeout(myrefresh()); //指定秒刷新一次
</script>
ASPNET如何输出刷新父窗口脚本语句
thisresponsewrite("<script>openerlocationreload();</script>");
thisresponsewrite("<script>openerwindowlocationhref = openerwindowlocationhref;</script>");
ResponseWrite("<script language=javascript>openerwindownavigate(你要刷新的页asp);</script>")
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
parentlocationreload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
selfopenerlocationreload();
</script>
(或<a href="javascript:openerlocationreload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent另一FrameIDlocationreload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话在<body>中调用以下语句即可
<body onload="openerlocationreload()"> 开窗时刷新
<body onUnload="openerlocationreload()"> 关闭时刷新
<script language="javascript">
windowopenerdocumentlocationreload()
</script>
在弹出窗口的BODY中加入onUnload="windowopenerlocationreload();"关闭弹出窗口则自动刷新父窗口

               

上一篇:JS限制Textarea文本域字符个数的具体实现

下一篇:JavaScript实现页面实时显示当前时间的简单实例