h5

最新推荐文章于 2021-05-27 07:41:19 发布

谷子呢

最新推荐文章于 2021-05-27 07:41:19 发布

阅读量449

点赞数

今H5的广泛应用，使得Android与H5交互也变得十分广泛，这篇文章就交互问题浅谈一下。

Android通过内置的控件Webview来加载H5页面。webview的应用十分简单，只有设置一下其属性即可。代码如下：

webView.setVerticalScrollBarEnabled(false);
webView.setHorizontalScrollBarEnabled(false);
webView.getSettings().setJavaScriptEnabled(true); //加上这句话才能使用javascript方法
webView.getSettings().setDomStorageEnabled(true);
webView.requestFocus();
webView.getSettings().setUseWideViewPort(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setSupportZoom(true);
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setSavePassword(false);
webView.getSettings().setSaveFormData(false);
webView.getSettings().setSupportZoom(false);

而在H5页面里面代码如下

<html>
	<head>
	<meta charset="UTF-8">
	<title>交互Demo</title>
	<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
	</head>

	<body>
	getUserinfo:
	<div id="userinfo"></div>
	<input value="立即报名" type="button" onClick="baoming();" /><br>

	<script>
	/*var rs=window.om.getUserinfo();
	document.getElementById('userinfo').innerHTML=rs;*/
	var rs=window.demo.getUserinfo();
	var obj = eval ("(" + rs + ")");
	if(obj.status){
	document.getElementById('userinfo').innerHTML=obj.data.nickname;
	}
	function baoming(){
	if(window.demo.needLogin()){
	location.href='my_demo1.html';
	}
	}
	</script>
	</body>
	</html>