您的位置：首页 > Web前端 > JavaScript

JS定时刷新页面及跳转页面

2016-10-19 14:46 549 查看

JS定时刷新页面及跳转页面

setTimeout与setInterval方法的区别：

    setTimeout(a(),500),在500毫秒后只执行1次方法a()，而setInterval(a(),500)是每隔500秒执行一次

方法a()。也就是说如果不把前者放在循环里，就不能实现后者的循环功能。

    怎样循环调用setTimeout(a(),500)方法来来实现setInterval(a(),500)的功能呢？

    比如：function a(){

             .......                  //其它代码

             setTimeout('a()',5000); //5秒后运行a()函数

          }

    两个方法能实现同样的效果，但是还是有区别的。

    假设需要10秒时间运行a()方法里的其它代码，也就是说第一次运行至代码setTimeout('a()',5000)需要10秒。之后5秒钟再次运行a()方法，则第二次运行至代码setTimeout('a()',5000)需要25秒。

    若用setInterval(a(),5000)，不管a()方法需要多少时间运行，都是每隔5秒运行一次。

    那什么时候用setTimeout？什么时候用setInterval？

    如果不希望连续调用产生互相干扰的状况就用前者，如果希望每隔固定时间精确的执行某个动作就用后者。具体情况还是要具体分析的。

Javascript 返回上一页

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);

2. history.back().

3. window.history.forward()返回下一页

4. window.history.go(返回第几页,也可以使用访问过的URL)

例:

<a href="javascript:history.go(-1);">向上一页</a>

response.Write("<script language=javascript>")

response.Write("if(!confirm('完成任务?')){history.back();}")

response.Write("</script>")

response.Write("<script language=javascript>history.go(-1);</script>")

<a href="javascript:history.go(-1);">向上一页</a>

页面跳转:onclick="window.location.href='list.aspx'"

P.S.

小技巧(JS引用JS):

<script type=text/javascript>



</script>

Javascript刷新页面的几种方法：

1    history.go(0)

2    location.reload()

3    location=location

4    location.assign(location)

5    document.execCommand('Refresh')

6    window.navigate(location)

7    location.replace(location)

8    document.URL=location.href

自动刷新页面的方法:

1.页面自动刷新：把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次页面.

2.页面自动跳转：把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20;url=http://www.javaeye.com">

其中20指隔20秒后跳转到http://www.javaeye.com/页面

3.页面自动刷新js版

<script language="JavaScript">

function myrefresh()

{

       window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</script>

ASP.NET如何输出刷新父窗口脚本语句

1.   this.response.write("<script>opener.location.reload();</script>");

2.   this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");

3.   Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")

JS刷新框架的脚本语句

//如何刷新包含该框架的页面用

<script language=JavaScript>

   parent.location.reload();

</script>

//子窗口刷新父窗口

<script language=JavaScript>

    self.opener.location.reload();

</script>

(　或　<a href="javascript:opener.location.reload()">刷新</a>   )

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

<script language=JavaScript>

   parent.另一FrameID.location.reload();

</script>

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

<body onload="opener.location.reload()"> 开窗时刷新

<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">

window.opener.document.location.reload()

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航