页面后退按钮

网页自动回退一页的javascript代码怎么写吗?

使用JavaScript的history就可以实现后退一页,甚至几页的效果。例如下面的代码:

<button onclick="history.go(-1)">后退一页</button>

后退一页

这个难度不大,不过如果这个是用户访问的第一页的话话,那么上面的按钮就会失灵。最好加一个判断,如果确实能后退才显示那个按钮。

但是能不能让JS后退功能再进一步呢?比如说让用户可以看得到网址,只要应用document.referrer就可以了。代码和执行效果如下(如果这个是你访问的第一个网页将不会有任何效果):

<script type="text/javascript">
if(document.referrer){
var str = document.referrer;
str = ‘返回上一页:<a href="‘+ str + ‘">‘ + str + ‘</a>‘;
document.write(str);
}
</script>

JS后退一页, JS返回上一页代码, JS返回下一页,JS返回第几页,JS页面跳转, JS引用JS

Javascript 返回上一页:

1. 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> 
页面跳转:

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>

时间: 2024-10-26 22:34:15

页面后退按钮的相关文章

防止页面后退(使浏览器后退按钮失效)

防止页面后退(使浏览器后退按钮失效) 原理:用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远失效. 注:history.go和history.back(包括用户按浏览器历史前进后退按钮)触发, 页面由于使用pushState修改了history),会触发popstate事件.     [代码如下]       注:直接放在不想后退跳转的页面即可! 方法一:       <script type="text/javascript">     

L--怎样让用户点击浏览器后退按钮刷新后退页面的验证码

介绍 项目需要,怎样让用户点击浏览器后退按钮刷新后退页面的验证码,通过cookie来解决 方法一(通过设置前台html)(失败) 本想通过控制html的http-equiv属性来解决问题,如下 http-equiv属性 1.<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Lan

UWP-标题栏”后退“按钮

标题栏”后退“按钮,系统级导航 应用必须启用所有硬件和软件系统后退按钮的后退导航.执行此操作的方法是注册 BackRequested 事件的侦听器并定义相应处理程序. 在此处我们为 App.xaml 代码隐藏文件中的 BackRequested 事件注册全局侦听器.如果你想要从后退导航排除特定页面,或想要在显示页面前执行页面级别代码,可以在每个页面中注册此事件. Windows.UI.Core.SystemNavigationManager.GetForCurrentView().BackReq

禁用浏览器后退按钮

基本上是3个solution: 1).设置网页过期(服务器端) 2).javascript:window.history(客户端) 3).对于键盘的backspace.通过window.event来过滤,当然要考虑的是对于Input控件,要保持删除的功能. <script type="text/javascript"> function backspace() { if (event.keyCode == 8 && event.srcElement.tagN

处理 Windows Phone 应用中的“后退”按钮 (XAML)

与电脑不同,所有 Windows Phone 设备都有"后退"按钮,它允许用户在应用的页面之间向后导航.如果用户在转到应用的第一页时再次按"后退"按钮,操作系统会挂起你的应用并将用户导航到应用启动前的体验中.该体验可能是另一个应用,或者可能是"开始"屏幕.本主题讨论应用应如何处理 BackPressed 事件以提供一致的用户体验. 处理 BackPressed 事件 关于在用户按下"后退"按钮时引发的 BackPressed 

javascript怎么禁用浏览器后退按钮

1. 复制代码 代码如下: <script language="JavaScript"> javascript:window.history.forward(1); </script> 利用JS产生一个“前进”的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次“后退”的情况,缺点是当用户端禁用了JavaScript之后即失效. 2. 复制代码 代码如下: <A HREF="logout.do" onclic

asp.net页面后退,重复弹出上一页对话框处理办法

我们在实例中,虽然页面内有导航,但是用户使用的时候难免会使用浏览器的后退按钮. 时常会发现,当后退的时候,上一页的对话框会自动弹出,下面是解决办法. 问题:使用此js代码,后退按钮时,重复显示对话框内容 ClientScript.RegisterClientScriptBlock(GetTypr(),"alert('不能重复提交');",true); 解决办法: ClientScript.RegisterClientScriptBlock(GetTypr(),"alert('

监听当点击微信等app的返回按钮或者浏览器的上一页或后退按钮的事件

在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的 需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢. 首先我们要了解浏览器的history.大家知道在页面中我们可以使用JavaScript window history,后退到前面页面,但是由于安全原因javascript不允许修改 history里已有的url链接,但可以使用pushStat

在使用spring security时,解决后退按钮所产生的问题

Spring Security给我们的开发带来了很大的便利,最近在使用的时候,出现了一个问题,在用Spring Security做完权限设置后,在用户退出的情况下,点击浏览器的后退按钮,又再次进入了只有登录才能访问的页面,这个问题要解决,在spring-mvc.xml中加入下面的代码 <mvc:interceptors>         <mvc:interceptor>             <mvc:mapping path="/**/*"/>