首页 >web前端 >js教程 >如何使用mui back 实现返回刷新页面

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

亚连
亚连原创
2018-06-22 14:30:393232浏览

下面小编就为大家分享一篇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(&#39;1&#39;)
//				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如何实现焦点图效果

以上是如何使用mui back 实现返回刷新页面的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn