JS各种自动刷新.docx
《JS各种自动刷新.docx》由会员分享,可在线阅读,更多相关《JS各种自动刷新.docx(10页珍藏版)》请在冰豆网上搜索。
JS各种自动刷新
JS各种自动刷新
基本上所有要求自动刷新页面的代码都有,大家可以自由发挥做出完美的页面。
1)
10表示间隔10秒刷新一次
2)
window.location.reload(true);
如果是你要刷新某一个iframe就把window给换成frame的名字或ID号
3)
window.navigate("本页面url");
4>
functionabc()
{
window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}
刷新本页:
Response.Write("")
刷新父页:
Response.Write("")
转到指定页:
Response.Write("")
刷新页面实现方式总结(HTML,ASP,JS)
'byaloxy
定时刷新:
1,
说明:
url是要刷新的页面URL地址
2000是等待时间=2秒,
2,
说明:
nisthenumberofsecondstowaitbeforeloadingthespecifiedURL.
urlisanabsoluteURLtobeloaded.
n,是等待的时间,以秒为单位
url是要刷新的页面URL地址
3,
--sponse.redirectur-->
说明:
一般用一个url参数或者表单传值判断是否发生某个操作,然后利用response.redirect刷新。
4,刷新框架页
〈scriptlanguage=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload();弹出窗体后再刷新的问题
Response.Write("");//open
Response.Write("");
在子窗体页面代码head中加入
刷新的内容加在if(!
IsPostBack)中
在框架页中右面刷新左面
//刷新框架页左半部分
Response.Write("");
页面定时刷新功能实现
有三种方法:
1,在html中设置:
之後加入下面这一行即可!
定时刷新:
10代表刷新间隔,单位为秒
2.jsp
--esponse.setHeader("refresh","1");-->
每一秒刷新一次
3.使用javascript:
setTimeout("self.location.reload();",1000);
一秒一次
页面自动跳转:
window.location.href="mian.aspx";
history.go(0);//window.close();//关闭浏览器此页的窗口
先来看一个简单的例子:
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
frame.html由上(top.html)下(bottom.html)两个页面组成,代码如下:
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
frame
现在假设top.html(即上面的页面)有七个button来实现对bottom.html(即下面的页面)的刷新,可以用以下七种语句,哪个好用自己看着办了。
语句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();
top.html页面的代码如下:
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
top.html
(1).location.reload()">
下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。
bottom.html页面的代码如下:
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
bottom.html')">
Thisisthecontentinbottom.html.