Maison > interface Web > js tutoriel > JQ 页面点击后退弹出提示框

JQ 页面点击后退弹出提示框

巴扎黑
Libérer: 2016-11-25 15:10:59
original
2249 Les gens l'ont consulté

demo.js

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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');

}

});

Copier après la connexion

demo.html

1

2

3

4

5

6

7

8

9

10

11

12

13

<!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>

Copier après la connexion

e2c40863-7be7-3340-8d08-a334b491f284.png

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal