如何使用mui back 實作返回刷新頁面-js教程-PHP中文網

如何使用mui back 實作返回刷新頁面

亚连

發布： 2018-06-22 14:30:39

原創

3156 人瀏覽過

下面小編就為大家分享一篇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中文網其他相關文章！