首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

[转] 禁用浏览器退后功能

2012-11-23 
[转] 禁用浏览器后退功能  今天上网时,看到了一个禁用浏览器后退的十分简单的实现。特向大家推荐下。  功能

[转] 禁用浏览器后退功能
  今天上网时,看到了一个禁用浏览器后退的十分简单的实现。特向大家推荐下。

  功能如下:点击键盘上的退格键或点击浏览器的后退键时,依然停留在本页。(当然了,禁止后退时的操作可以根据需要自己定义)

  原理:当父页面跳转到子页面后,若在子页面执行后退操作,则自动跳回子页面(或根据需要执行自己需要的操作)。

父页面代码:


各个子页面代码:
<HTML><HEAD><TITLE>NoBack - Disable Back Button in Browser</TITLE><STYLE>body, input{font-family: Calibri, Arial;}</STYLE></HEAD><BODY><H2>Welcome to NoBack Page</H2><p>Press Browser's Back button</BODY></HTML>

  上述代码在以下环境测试通过:
  Chrome Version 23.0.1262.0 dev-m
  FireFox 17.0a2 (2012-09-17)
  IE 8
  

热点排行