Webview与js交互


public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private EditText ed;
    private Button btn;
    private ProgressBar progress;
    private WebView webview;
    private Button js;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        ed = (EditText) findViewById(R.id.ed);
        btn = (Button) findViewById(R.id.btn);
        progress = (ProgressBar) findViewById(R.id.progress);
        webview = (WebView) findViewById(R.id.webview);
        js = (Button) findViewById(R.id.js);

        btn.setOnClickListener(this);
        js.setOnClickListener(this);

        WebSettings settings = webview.getSettings();
        settings.setJavaScriptEnabled(true);


        // Android端定义一个方法,给js调用,
        // 使用webView对象,调用addJavascriptInterface方法(),
        // 第一个参数是写一个类,在这里面提供要暴露的方法,方法前最好加一个注解:@JavascriptInterface,
        // 第二个参数是标识字符串,js通过这个标识,调用我们的方法.    在js里面是这样使用的:Android.showToast(content);
        webview.addJavascriptInterface(new Object() {
            @JavascriptInterface
            public void showToast(String content) {
                Toast.makeText(getApplicationContext(), "哇塞!!!!", Toast.LENGTH_LONG).show();
            }
        }, "Android");
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn:
                //加载js页面
                webview.loadUrl("http://172.17.8.100/images/small/default/test.html\n");

                break;
            case R.id.js:
                 //调用html中的js方法   格式固定:webView对象.loadUrl("javascript:js方法名(参数)");
                webview.loadUrl("javascript:changeInputValue('哈哈哈哈哈哈')");

                break;
        }
    }


}

Android 中,WebView 是一个内置的浏览器控件,可以加载网页并在应用程序中显示。WebViewJavaScript交互是常见的需求,主要有以下几种方式: 1. 通过 WebView 中的 loadUrl() 方法调用 JavaScript 函数。 可以使用 WebView 的 loadUrl() 方法加载一个包含 JavaScript 代码的 URL,实现与 JavaScript交互。例如,在 JavaScript 中定义一个函数: ```javascript function showToast(message) { alert(message); } ``` 然后在 Android使用 loadUrl() 方法调用这个函数: ```java webView.loadUrl("javascript:showToast('Hello World!')"); ``` 2. 在 WebView 中启用 JavaScript,并使用 addJavascriptInterface() 方法将 Java 对象注入到 JavaScript 中。 可以在 WebView 中启用 JavaScript 支持,并使用 addJavascriptInterface() 方法将 Java 对象注入到 JavaScript 中。这样,JavaScript 就可以调用 Java 对象的方法。例如,在 Java 中定义一个类: ```java public class MyJavaScriptInterface { private Context context; public MyJavaScriptInterface(Context context) { this.context = context; } @JavascriptInterface public void showToast(String message) { Toast.makeText(context, message, Toast.LENGTH_SHORT).show(); } } ``` 然后在 WebView 中启用 JavaScript 支持,并将 MyJavaScriptInterface 对象注入到 JavaScript 中: ```java webView.getSettings().setJavaScriptEnabled(true); webView.addJavascriptInterface(new MyJavaScriptInterface(this), "Android"); ``` 在 JavaScript 中就可以调用 MyJavaScriptInterface 对象的 showToast() 方法: ```javascript Android.showToast("Hello World!"); ``` 3. 使用 evaluateJavascript() 方法执行 JavaScript 代码并获取返回值。 可以使用 WebView 的 evaluateJavascript() 方法执行 JavaScript 代码,并通过回调函数获取返回值。例如,在 JavaScript 中定义一个函数: ```javascript function add(a, b) { return a + b; } ``` 然后在 Android使用 evaluateJavascript() 方法执行这个函数,并获取返回值: ```java webView.evaluateJavascript("add(1, 2)", new ValueCallback<String>() { @Override public void onReceiveValue(String value) { // value = "3" } }); ``` 以上就是 WebViewJavaScript交互方式,开发者可以根据需求选择适合自己的方式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值