H5执行原生app的方法（h5和app交互）

之前在一个项目中，原生app内嵌了h5，h5执行完某个操作后要执行app的原生方法（相当于通知app）。这种时候就要用到h5和app的交互了。

js代码如下：

function callApp(){
	var u = navigator.userAgent,app = navigator.appVersion;
	var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
	var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
	var arg='参数'//执行app方法时传递的参数，可根据需要传参
	if (isAndroid) {
		//安卓操作系统
		window.android.appFunction(arg);//appFunction为app给的方法名
	}
	if (isiOS) {
		//ios操作系统
		window.webkit.messageHandlers.appFunction.postMessage(arg);//appFunction为app给的方法名
	}
}

注：代码中 appFunction 为原生app的方法名

上面我创建了一个名为callApp的函数，这样当我调用这个函数就会去执行app的appFunction方法了

如果需要接收app方法返回的数据也可以加上 return 来接收，例如：

return window.android.appFunction(arg)