javascript

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

js刷新页面方法大全


发布日期:2020年11月11日
 
js刷新页面方法大全

用js实现的刷新页面的代码比较全

先来看一个简单的例子

下面以三个页面分别命名为lll为例来具体说明如何做 l 由上(l)下(l)两个页面组成代码如下 <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>

<HTML>

<HEAD>

<TITLE> frame </TITLE>

</HEAD>

<frameset rows=%%>

<frame name=top src=l>

<frame name=bottom src=l>

</frameset>

</HTML>

现在假设l (即上面的页面) 有七个button来实现对l (即下面的页面) 的刷新可以用以下七种语句哪个好用自己看着办了

语句 windowparentframes[]locationreload();

语句 windowparentframesbottomlocationreload();

语句 windowparentframes[bottom]locationreload();

语句 windem()locationreload();

语句 windem(bottom)locationreload();

语句 windowparentbottomlocationreload();

语句 windowparent[bottom]locationreload(); l

页面的代码如下 <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>

<HTML>

<HEAD>

<TITLE> l </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=windem()locationreload()><br>

<input type=button value=刷新 nclick=windembottom)locationreload()><br>

<input type=button value=刷新 onclick=windowparentbottomlocationreload()><br>

<input type=button value=刷新 onclick=windowparent[bottom]locationreload()><br> </BODY>

</HTML>

下面是l页面源代码为了证明下方页面的确被刷新了在装载完页面弹出一个对话框 l 页面的代码如下 <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>

<HTML>

<HEAD>

<TITLE> l </TITLE>

</HEAD>

<BODY onload=alert(我被加载了!)>

<h>This is the content in l</h>

</BODY>

</HTML>

解释一下

window指代的是当前页面例如对于此例它指的是l页面

parent指的是当前页面的父页面也就是包含它的框架页面例如对于此例它指的是l frames是window对象是一个数组代表着该框架内所有子页面

em是方法返回数组里面的元素

如果子页面也是个框架页面里面还是其它的子页面那么上面的有些方法可能不行

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=> 其中指隔秒后跳转到页面

页面自动刷新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 javascript:openerlocationreload()>刷新</a> )

//如何刷新另一个框架的页面用

<script language=JavaScript> parent另一FrameIDlocationreload(); </script>

如果想关闭窗口时刷新或者想开窗时刷新的话在<body>中调用以下语句即可

<body onload=openerlocationreload()>

开窗时刷新 <body onUnload=openerlocationreload()>

关闭时刷新 <script language=javascript> windowopenerdocumentlocationreload() </script>

               

上一篇:利用javascript实现TreeView中的checkbox全选

下一篇:jQuery调用Ajax高效缓存:.NET MVC实战