js监控浏览器返回按钮

最新推荐文章于 2024-08-04 22:24:20 发布

洛枫偃月

最新推荐文章于 2024-08-04 22:24:20 发布

阅读量9k

点赞数

分类专栏： Js/Jquery

本文链接：https://blog.csdn.net/zgs_shmily/article/details/53639918

版权

Js/Jquery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

A页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="index.html">点击我</a>
	</body>
</html>

B页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery.js"></script>
		<script type="application/javascript">
			 window.addEventListener("popstate", function() {
                     var currentState = history.state;
                     alert("我触发啦！")
                     window.location.href="https://www.baidu.com";
				    /*
				     * 该干嘛干嘛
				     */											
		    });
			$(document).ready(function(){
               // 在这里写你的代码...
               if ("onhashchange" in window) {  
                  alert("该浏览器支持hashchange事件!");  
                  var json={time:new Date().getTime()}; 
                  window.history.pushState(json,"","http://127.0.0.1:8020/history-pro/index5.html");
                  alert(window.history.length)
                 
               }
            });
			
		</script>
	</head>
	<body>
		index页面
	</body>
</html>

B-A时候触发