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的math中缺少的数学方法小结

    js的math中缺少的数学方法小结

    JavaScript Math对象包含一些真正有用且强大的数学运算,但它缺乏大多数其他语言提供的许多重要运算,例如求和,乘积,奇数和偶数等等,本文就来介绍一下
    2023-08-08
  • js简单时间比较的方法

    js简单时间比较的方法

    这篇文章主要介绍了js简单时间比较的方法,通过2个自定义函数实现针对时间与日期的比较功能,涉及javascript日期及时间换算与比较操作相关技巧,需要的朋友可以参考下
    2016-08-08
  • 前端大屏适配的三种解决方案总结

    前端大屏适配的三种解决方案总结

    在日常前端开发中,大屏项目是每个前端开发者必备技能,但是目前设备尺寸大小和分辨率都不相同,所以大屏适配成了一个头疼的问题,所以下面这篇文章主要给大家介绍了关于前端大屏适配的三种解决方案,需要的朋友可以参考下
    2024-03-03
  • JS常用算法实现代码

    JS常用算法实现代码

    这篇文章主要为大家详细介绍了用JS常用几个算法的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 基于JavaScript实现游戏购物车效果详解

    基于JavaScript实现游戏购物车效果详解

    这篇文章主要介绍了如何利用JavaScript实现游戏购物车效果,文中的实现代码讲解详细,对我们学习JavaScript有一定帮助,需要的可以参考一下
    2022-03-03
  • JS数组合并与对象合并的方法汇总

    JS数组合并与对象合并的方法汇总

    这篇文章主要给大家介绍了关于JS数组合并与对象合并的方法,本文将介绍常见的JS对象合并和数组合并方法,帮助读者更好地理解和运用这些方法,需要的朋友可以参考下
    2024-12-12
  • JS重学系列之聊聊new操作符

    JS重学系列之聊聊new操作符

    这篇文章主要给大家介绍了关于JS重学系列之new操作符的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • 前端bug调试的方法技巧及常见错误

    前端bug调试的方法技巧及常见错误

    这篇文章主要介绍了编程中常见的报错和Bug,以及调试的重要性,调试的基本流程是通过缩小范围来定位问题,并给出了推测法、删除代码法、console调试和debugger调试等方法,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2025-03-03
  • 在Webpack中配置别名路径的全过程

    在Webpack中配置别名路径的全过程

    在大型前端项目中,模块路径往往很长且复杂,使用相对路径不仅降低了代码可读性,还增加了维护成本,Webpack提供了配置别名路径的功能,可以通过为常用目录定义简短的别名,简化模块导入路径,本文将详细介绍如何在Webpack中配置别名路径,需要的朋友可以参考下
    2025-03-03
  • BootStrap表单控件之复选框checkbox和单选择按钮radio

    BootStrap表单控件之复选框checkbox和单选择按钮radio

    这篇文章主要介绍了BootStrap表单控件之复选框checkbox和单选择按钮radio的相关资料,需要的朋友可以参考下
    2017-05-05

最新评论