androidè°ç¨jsæ¹æ³æ¯è¾ç®åï¼ä¸è¡ä»£ç æå®ã
ç¶åæ¯jsè°ç¨androidæ¹æ³ï¼æ¯è¾å¤æã
<a onclick="window.wst.test2(2)">b.c</a>è¿ä¸ªwindow.wstçwstå°±æ¯Androidä¸èªå·±å®ä¹çæ è¯å称ï¼clickOnAndroidæ¹æ³å°±æ¯å®åä¸èªå®ä¹çæ¹æ³åã
mWebView.addJavascriptInterface(new MyTest(), "wst");//ç»androidæ·»å ä¸ä¸ªjsæ¥å£ï¼æ è¯å称wstè¿æ ·å°±è½å®ç°jsè°ç¨androidã
两个æ¹æ³æéè¦çé½æ¯è¦å¯ç¨webviewçjsåè½ã
// å¯ç¨javascript
mWebView.getSettings().setJavaScriptEnabled(true);åªéä¸æå¯ä»¥ç»§ç»è¿½é®æ
java和js交互分为三种情况,分别是:
1 调用网页上的js代码
Android 中可以通过webview来实现和js的交互,在程序中调用js代码,只需要将webview控件的支持js的属性设置为true,,然后通过loadUrl就可以直接进行调用,如下所示:
mWebView.getSettings().setJavaScriptEnabled(true);mWebView.loadUrl("javascript:test()");
2 网页java代码的方法
在网页中调用java代码,需要在webview控件中添加javascriptInterface。如下所示:
mWebView.addJavascriptInterface(newObject() {
publicvoid clickOnAndroid() {
mHandler.post(newRunnable() {
publicvoid run() {
Toast.makeText(Test.this,"测试调用java", Toast.LENGTH_LONG).show();
}
});
}
},"demo");
3 Java代码调用js并传参
首先需要带参数的js函数,如functiontest(str),然后只需在调用js时传入参数即可,如下所示:
mWebView.loadUrl("javascript:test('aa')");
4.Js中调用java函数并传参
首先一样需要带参数的函数形式,但需注意此处的参数需要final类型,即得到以后不可修改,如果需要修改其中的值,可以先设置中间变量,然后进行修改。如下所示:
mWebView.addJavascriptInterface(newObject() {
publicvoid clickOnAndroid(final int i) {
mHandler.post(newRunnable() {
publicvoid run() {
intj = i;
j++;
Toast.makeText(Test.this,"测试调用java" + String.valueOf(j), Toast.LENGTH_LONG).show();
}
});
}
},"demo");
然后在html页面中,利用如下代码<divid='b'><a onclick="window.demo.clickOnAndroid(2)">b.c</a></div>,
下面是安卓无忧中js 与安卓相互调用的效果图,可以百度一下安卓无忧,点击源码,看看里面的源码。