js与移动端交互

最新推荐文章于 2023-05-28 01:34:28 发布

浮生若梦l

最新推荐文章于 2023-05-28 01:34:28 发布

阅读量658

点赞数

分类专栏： js android IOS 文章标签：移动端

本文链接：https://blog.csdn.net/qq_32784303/article/details/107707969

版权

js 同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

android

9 篇文章 0 订阅

订阅专栏

IOS

3 篇文章 0 订阅

订阅专栏

1.js 调用移动端ios与android方法

2.移动端ios与android调用js方法

3.demo如下：

<!DOCTYPE html>
<html>
    <head>
        <title>js与移动端交互</title>
        <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
        <meta charset="UTF-8">
            </head>
    <body>
    	
    	<div id="btt" style="text-align:center;margin-top:200px;">
    		<input type="button" name="" id="getData" value="调用移动端app内定义方法" style="font-size: larger;" />
    	</div>
  	
    </body>
    <script type="text/javascript" charset="utf-8">
    	document.getElementById("getData").addEventListener("click", function(){
    		var data={"a":"1","b":"2"}
    		//method为移动端原生方法的方法名，param为要传递的参数
			//window.webkit.messageHandlers.method.postMessage(param)
			if (_IsIOS()) {
				alert("进入ios")
				try
				   {
					 window.webkit.messageHandlers.test.postMessage(JSON.stringify(data))
					}
				 catch(err)
				   {
				   //在这里处理错误
				   alert("调用异常："+err)
				   return;
				   }
			    alert("调用完成")
			} else if (_IsAndroid()) {
				alert("进入android")
			    // var s= window.control.call('test()', data);
			    //或者window.control.method(param);
			   
			   try
				   {
				   //在这里运行代码
				     window.YouXun_JS.test(JSON.stringify(data))
				   }
				 catch(err)
				   {
				   //在这里处理错误
				   alert("调用异常："+err)
				   return;
				   }
			    alert("调用完成")
			}

    	})
    	//移动端调用js方法
    	function testCall(data) {
		    alert(data);
		    
		}
	
    	
    	
		    	
		//判断是否为ios端访问
		function _IsIOS() {
		    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
		        return true;
		    } else {
		        return false;
		    }
		}
		//判断是否为android端访问
		function _IsAndroid() {
		    if (/(Android|Adr)/i.test(navigator.userAgent)) {
		        return true;
		    } else {
		        return false;
		    }
		}

    </script>
</html>

浮生若梦l

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
js与移动端交互

1.js 调用移动端ios与android方法2.移动端ios与android调用js方法3.demo如下：<!DOCTYPE html><html> <head> <title>js与移动端交互</title> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,max
复制链接

扫一扫