Home  >  Article  >  Web Front-end  >  Click on the JQ page to go back and a prompt box will pop up.

Click on the JQ page to go back and a prompt box will pop up.

巴扎黑
巴扎黑Original
2016-11-25 15:10:592124browse

demo.js

jQuery(document).ready(function ($) {
if (window.history && window.history.pushState) {
$(window).on('popstate', function () {
var hashLocation = location.hash;
var hashSplit = hashLocation.split("#!/");
var hashName = hashSplit[1];
if (hashName !== '') {
var hash = window.location.hash;
if (hash === '') {
alert("希望该网站能提供你帮助!");
}
}
});
window.history.pushState('forward', null, './#forward');
}
});

demo.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5自适应模板</title>
<script src="jquery-1.10.1.min.js"></script>
<script src="demo.js"></script>
</head>
<body>
<h3>阅谁问君诵,水落清香浮。</h3>
</body>
</html>

Click on the JQ page to go back and a prompt box will pop up.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:forEach traversal loopNext article:forEach traversal loop