广

android开发

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    解析Android中webview和js之间的交互

    2018-04-09 07:41:27 次阅读 稿源:互联网
    广告

    1.android中利用webview调用网页上的js代码。
    Android 中可以通过webview来实现和js的交互,在程序中调用js代码,只需要将webview控件的支持js的属性设置为true,,然后通过loadUrl就可以直接进行调用,如下所示:
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.loadUrl("javascript:test()");

    2. 网页上调用android中java代码的方法
    在网页中调用java代码,需要在webview控件中添加javascriptInterface。如下所示:
    代码如下:

    mWebView.addJavascriptInterface(new Object() {
                public void clickOnAndroid() {
                    mHandler.post(new Runnable() {
                        public void run() {
                            Toast.makeText(Test.this, "测试调用java", Toast.LENGTH_LONG).show();
                        }
                    });
                }
            }, "demo");

    在网页中,只需要像调用js方法一样,进行调用就可以
    <div id='b'><a onclick="window.demo.clickOnAndroid()">b.c</a></div>

    3. Java代码调用js并传参
    首先需要带参数的js函数,如function test(str),然后只需在调用js时传入参数即可,如下所示:
    mWebView.loadUrl("javascript:test('aa')");

    4.Js中调用java函数并传参
    首先一样需要带参数的函数形式,但需注意此处的参数需要final类型,即得到以后不可修改,如果需要修改其中的值,可以先设置中间变量,然后进行修改。如下所示:
    代码如下:

    mWebView.addJavascriptInterface(new Object() {
                public void clickOnAndroid(final int i) {
                    mHandler.post(new Runnable() {
                        public void run() {
                                    int j = i;
                                    j++;
    Toast.makeText(Test.this, "测试调用java" + String.valueOf(j), Toast.LENGTH_LONG).show();
                        }
                    });
                }
            }, "demo");

    然后在html页面中,利用如下代码<div id='b'><a onclick="window.demo.clickOnAndroid(2)">b.c</a></div>,
    即可实现调用

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告
    广告
    广告