脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS定时刷新页面及跳转页面

JS定时刷新页面及跳转页面的方法

 更新时间：2013年07月04日 15:11:03   作者：  
这篇文章介绍了JS定时刷新页面及跳转页面的方法，有需要的朋友可以参考一下
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>
<!--
if (typeof SWFObject == "undefined") {
document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');}
//-->
</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=https://www.jb51.net">
其中20指隔20秒后跳转到https://www.jb51.net/tools/files.shtml页面
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>
您可能感兴趣的文章:

相关文章

  • 浅析TypeScript中的类型检查与错误捕获

    浅析TypeScript中的类型检查与错误捕获

    类型检查是一种静态分析的过程，用于验证变量、函数和表达式的类型是否符合预期，这篇文章主要来和大家聊聊TypeScript中类型检查与错误捕获的相关知识，希望对大家有所帮助
    2023-06-06
  • 原生js jquery ajax请求以及jsonp的调用方法

    原生js jquery ajax请求以及jsonp的调用方法

    下面小编就为大家带来一篇原生js jquery ajax请求以及jsonp的调用方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • JavaScript实现搜索的数据显示

    JavaScript实现搜索的数据显示

    这篇文章主要为大家详细介绍了JavaScript实现搜索的数据显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-10-10
  • BootStrap数据表格实例代码

    BootStrap数据表格实例代码

    本文通过实例代码给大家分享了BootStrap数据表格的相关知识，感兴趣的朋友一起看看吧
    2017-09-09
  • 原生javascript实现文件异步上传的实例讲解

    原生javascript实现文件异步上传的实例讲解

    下面小编就为大家带来一篇原生javascript实现文件异步上传的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 微信小程序静默登录和维护自定义登录态详解

    微信小程序静默登录和维护自定义登录态详解

    这篇文章主要给大家介绍了关于微信小程序静默登录和维护自定义登录态的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • JS实现加载时锁定HTML页面元素的方法

    JS实现加载时锁定HTML页面元素的方法

    这篇文章主要介绍了JS实现加载时锁定HTML页面元素的方法,涉及javascript针对页面元素的遍历与属性操作相关实现技巧,需要的朋友可以参考下
    2017-06-06
  • 详解性能更优越的小程序图片懒加载方式

    详解性能更优越的小程序图片懒加载方式

    这篇文章主要介绍了详解性能更优越的小程序图片懒加载方式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • js实现字符全排列算法的简单方法

    js实现字符全排列算法的简单方法

    下面小编就为大家带来一篇js实现字符全排列算法的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • JavaScript 浏览器对象模型BOM原理与常见用法实例分析

    JavaScript 浏览器对象模型BOM原理与常见用法实例分析

    这篇文章主要介绍了JavaScript 浏览器对象模型BOM原理与常见用法,结合实例形式详细分析了JavaScript浏览器对象模型BOM基本概念、原理、使用方法及操作注意事项,需要的朋友可以参考下
    2019-12-12

最新评论