mui back 返回刷新页面的实例

 更新时间:2017年12月06日 16:34:59   作者:雪狼之夜  
下面小编就为大家分享一篇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>

以上这篇mui back 返回刷新页面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js实现带缓动动画的导航栏效果

    js实现带缓动动画的导航栏效果

    本篇文章主要分享了js实现带缓动动画的导航栏效果的示例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • checkbox选中与未选中判断示例

    checkbox选中与未选中判断示例

    本节主要介绍了checkbox选中与未选中的判断方法,需要的朋友可以参考下
    2014-08-08
  • 微信小程序模拟cookie的实现

    微信小程序模拟cookie的实现

    本篇文章主要介绍了微信小程序模拟 cookie的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • js操作iframe的一些方法介绍

    js操作iframe的一些方法介绍

    本篇文章介绍了js操作iframe的一些方法的实例代码与步骤,有需要的朋友可以参考一下
    2013-06-06
  • Javascript 实现匿名递归的实例代码

    Javascript 实现匿名递归的实例代码

    本篇文章主要介绍了Javascript 实现匿名递归的实例代码,利用 arguments.callee 来实现匿名递归的方式。有兴趣的可以了解一下
    2017-05-05
  • innerHTML,outerHTML,innerText,outerText的用法及区别解析

    innerHTML,outerHTML,innerText,outerText的用法及区别解析

    本篇主要是对innerHTML,outerHTML,innerText,outerText的用法及区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 微信小程序一周时间表功能实现

    微信小程序一周时间表功能实现

    这篇文章主要介绍了微信小程序一周时间表功能实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • js去字符串前后空格的实现方法

    js去字符串前后空格的实现方法

    这篇文章主要介绍了js去字符串前后空格的实现方法,重点推荐使用正则的方式,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • javascript实现瀑布流加载图片原理

    javascript实现瀑布流加载图片原理

    这篇文章主要为大家介绍了javascript实现瀑布流加载图片效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • Javascript尾递归编程的实现

    Javascript尾递归编程的实现

    本文主要介绍了Javascript尾递归编程的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06

最新评论