内嵌H5页面的交互事件

判断小程序、ios、android

function getSystemInfo (){
    
    
	var u = navigator.userAgent;
	let isWeixin = u.indexOf('MicroMessenger') > -1;
	let IsMiniprogram = (window.__wxjs_environment === 'miniprogram');
	let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
	let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
	if(isWeixin){
    
    
		if(IsMiniprogram){
    
    
			return "miniprogram";
		}else{
    
    
			return"h5";
		}
	}else if(isAndroid){
    
    
		return "android";
	}else if(isiOS){
    
    
		return "ios";
	}else{
    
    
		return "ios";
	}
}

1.跳转到小程序页面,前提是已经是在小程序的环境下
转载：小程序和h5页面的跳转

2.跳转到android的页面，调用android的方法
3.跳转大ios的页面，调用ios的方法

function toPath(){
    
    
	let systemInfo = this.getSystemInfo();
	if(systemInfo=="h5"){
    
    
		window.location.href ="";
	}else if(systemInfo=="android"){
    
    
		try {
    
    
			window.android && window.android.fun();
		} catch (e) {
    
    
			var data = {
    
    
				
			};
			system.postMessage(JSON.stringify(data));
		}
	}else if(systemInfo =="ios"){
    
    
		window.webkit && window.webkit.messageHandlers.fun.postMessage({
    
    
		
		});
	}else if(systemInfo =="miniprogram"){
    
    
		wx.miniProgram.navigateTo({
    
    url:"/page/***"})
	}
}