您的位置：首页 > 移动开发 > Android开发

Android webview 与JS交互

2015-10-10 09:54 399 查看

mWebView.getSettings().setBuiltInZoomControls(true);//缩放
mWebView.getSettings().setJavaScriptEnabled(true);//添加对JavaScript支持

mWebView.addJavascriptInterface(new Object() {

/**
* 对于JS调用的方法必须声明 @JavascriptInterface
* 否则，对于4.4以及以上的版本，无法被执行
*
*/
@JavascriptInterface
public void getInfo(String _title, String _articleType) {
/**
* -------------------------------------
*
*
* 这样确实能够获取到JavaScript中传入的数据
*
*
* -------------------------------------
*/
Toast.makeText(WebViewDemo3.this,
"_title:" + _title + "\n_articleType:" + _articleType, Toast.LENGTH_SHORT)
.show();
Log.w("jk", "_title:" + _title + "\n_articleType:" + _articleType);
}
}, "tlsj");

//------------------------------------

<html>
<head>
<title>JS交互</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function invokedByJava(param) {
document.getElementById("content").innerHTML = "Java has invoked JS function and returnd the data:"+param;
}
function todata(){
var title = 'HTML Title';
var articleType = 'HTML Content';
window.tlsj.getInfo(title,articleType);//----调用Java代码中声明的对象方法，传递相关参数
}
function tojava(){
window.stub.jsMethod('来至JS的参数');
}
</script>
</head>
<body onload="todata()">
<p id="content"></p>
<p>
<input type="button" value="调用Java方法" onclick="tojava()" />
<input type="button" value="调用alert" onclick="alert('hello')" />
</p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航