H5移动端返回刷新

最新推荐文章于 2024-06-16 19:46:16 发布

qq358828690

最新推荐文章于 2024-06-16 19:46:16 发布

阅读量3.5k

点赞数

分类专栏： html5 文章标签： html5 移动端返回页面刷新

本文链接：https://blog.csdn.net/qq358828690/article/details/79526293

版权

html5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

废话不多说直接上代码。

a.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript">
		localStorage.pagecount = '0';
		$(function(){
			$("#a").click(function() {
				window.location.href = "b.html";
				var interval = setInterval(function() {
					if(localStorage.pagecount != '0') {
						query();
						clearInterval(interval); //关闭定时任务。
					}
				}, 100);
			});
		})
		function query(){
			alert("我刷新了。");
			window.location.reload();
		}
	</script>

	<body>
		<h1>欢迎进入A页面</h1>
		<button id="a">进入b页面</button>
	</body>

</html>

b.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	<script type="text/javascript">
		$(function(){
			$("#b").click(function(){
				localStorage.pagecount = "1";
				window.history.back();
			});
		})
	</script>
	<body>
		<h1>欢迎进入B页面</h1>
		<button id = "b">返回到a页面，刷新a页面</button>
	</body>
</html>

qq358828690

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5移动端返回刷新

废话不多说直接上代码。a.html&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;script type="text/javascript&quot
复制链接

扫一扫

专栏目录