如何使用muiback实现返回刷新页面

2020-11-27 来源：飒榕旅游知识分享网

下面小编就为大家分享一篇mui back 返回刷新页面的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

2个页面模拟

1.html

<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<link href="../../css/mui.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" />
	<script src="../../../js/mui.min.js"></script>
	</head>
	<body>
	
	<script type="text/javascript" charset="utf-8">
	mui.init()
	mui.plusReady(function(){
	alert('1')
//	var self=plus.webview.currentWebview();
//	console.log(JSON.stringify(self)) 
	mui("body").on("tap",".a",function(){
	 mui.openWindow({
	 url:"2.html",
	 id:"a2",
	 })
	})
	});
	</script>
	
	<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="a">跳到a2</a>
	</body> 
</html>

2.html

<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<link href="../../css/mui.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" />
	<script src="../../../js/mui.min.js"></script>
	</head>
	<body>
	
	<script type="text/javascript" charset="utf-8">
	mui.init()
	mui.plusReady(function(){
//	var self=plus.webview.currentWebview();
//	console.log(JSON.stringify(self)) 
	var old_back = mui.back;
	mui.back = function() {
	var wobj = plus.webview.getWebviewById("HBuilder");//注意 HBuilder 是 1.html 的 ID 你如果1.html 有ID 要替换掉HBuilder，
	wobj.reload(true);
	old_back()
	}	
	});
	</script>
	
	<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">返回刷新</a>
	</body>
</html>

上面是我整理给大家的，希望今后会对大家有帮助。

在vue中有关文件夹结构配置

使用vue-cli如何配置接口代理

在NodeJs中如何使用form-data格式传输文件

在微信小程序中如何实现图片懒加载

使用js如何实现焦点图效果

显示全文

全部栏目

如何使用muiback实现返回刷新页面