脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript常用的返回，自动跳转，刷新，关闭语句

JavaScript常用的返回，自动跳转，刷新，关闭语句汇总

 更新时间：2015年01月13日 16:30:22   投稿：shichen2014  
这篇文章主要介绍了JavaScript常用的返回，自动跳转，刷新，关闭语句,实例汇总了常用的javascript技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JavaScript常用的返回，自动跳转，刷新，关闭语句。分享给大家供大家参考。具体如下：

1. Javascript 返回上一页：

复制代码 代码如下:
history.go(-1)
返回两个页面:
复制代码 代码如下:
history.go(-2)
 
 
2. 后退：
复制代码 代码如下:
history.back()

3. 返回下一页：

复制代码 代码如下:
window.history.forward()

4. 返回第几页,也可以使用访问过的URL：

复制代码 代码如下:
window.history.go(返回位置)

 
例: 
复制代码 代码如下:
<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页面 
 
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>

JS关闭当前页面, 不弹出JS安全提醒 

复制代码 代码如下:
<script language="javascript"> 
window.opener=null;window.open('','_self','');window.close(); 
</script>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JavaScript转换农历类实现及调用方法

    JavaScript转换农历类实现及调用方法

    农历是日常生活中不可或缺的一部分，它与人类的生活息息相关，从某种程度上说，它一直伴随着我们，今天的任务是JavaScript转换农历类的实现，感兴趣的你可以千万不要错过，希望本文对你有所帮助
    2013-01-01
  • JS中的六种继承方式以及优缺点总结

    JS中的六种继承方式以及优缺点总结

    JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一,那么如何在JS中实现继承呢?下面这篇文章主要给大家介绍了关于JS中六种继承方式以及优缺点的相关资料,需要的朋友可以参考下
    2021-10-10
  • JavaScript 中使用Promise.all()方法经验技巧详解

    JavaScript 中使用Promise.all()方法经验技巧详解

    这篇文章主要为大家介绍了JavaScript 中使用Promise.all()方法经验技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • javascript实现的HashMap类代码

    javascript实现的HashMap类代码

    这篇文章主要介绍了javascript实现的HashMap类代码,实现了添加、获取、删除、查询key和value功能,需要的朋友可以参考下
    2014-06-06
  • 深入浅析javascript中的作用域(推荐)

    深入浅析javascript中的作用域(推荐)

    js作用域是前端开发必掌握的基础知识。这篇文章主要介绍了javascript中的作用域的相关资料,需要的朋友可以参考下
    2016-07-07
  • 微信小程序自定义弹窗实现详解(可通用）

    微信小程序自定义弹窗实现详解(可通用）

    这篇文章主要介绍了微信小程序自定义弹窗实现详解(可通用）,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • javascript使用shift+click实现选择和反选checkbox的方法

    javascript使用shift+click实现选择和反选checkbox的方法

    这篇文章主要介绍了javascript使用shift+click实现选择和反选checkbox的方法,涉及javascript针对键盘按键的判断及checkbox的操作技巧,需要的朋友可以参考下
    2015-05-05
  • JS实现鼠标移动拖尾

    JS实现鼠标移动拖尾

    这篇文章主要为大家详细介绍了JS实现鼠标移动拖尾效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 原生JS下拉加载插件分享

    原生JS下拉加载插件分享

    本文主要分享了原生JS下拉加载插件的实现代码。具有一定的参考价值，需要的朋友一起来看下吧
    2016-12-12
  • window.event快达到全浏览器支持了，以后使用就方便了

    window.event快达到全浏览器支持了，以后使用就方便了

    在Tangram群里讨论到<a href="#" onclick="baidu.event.preventDefault(event);">的写法时，以为标准浏览器只能用arguments[0]来获取到event，结果nodiseal同学说已经可以这么用了，于是做了以下测试
    2011-11-11

最新评论