zoukankan      html  css  js  c++  java
  • Android中webview和js之间的交互(转)

    http://www.cnblogs.com/leizhenzi/archive/2011/06/29/2093636.html

    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>,

    即可实现调用

  • 相关阅读:
    HDU2515_数学规律题
    HDU1086_You can Solve a Geometry Problem too_判断两线段相交
    HDU1115_Lifting the Stone_凹凸多边形重心_可作为模板
    HDU2036_改革春风照大地_点求多边形面积
    Codeforces Beta Round #92 (Div. 2 Only) _A题
    HDU2108_Shape of HDU_判断凹凸
    response.setContentType设置
    vue 文件下载实现
    iText5实现Java生成PDF文件完整版
    java使用IText将数据导出为pdf文件(数据为excel表格样式)
  • 原文地址:https://www.cnblogs.com/dlbird/p/4443008.html
Copyright © 2011-2022 走看看