热门搜索:
您现在的位置是：首页 > 文章详情

WebView和js的互调

日期：2018-04-15点击：409

（创建于2017/5/20）

一个网页中有如下代码

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <script language="javascript"> /* This function is invoked by the activity */ function wave() { alert("Android调用Js啦"); } </script> <body> <!-- Js调用Android代码 --> <a onClick="window.demo.onCallback()">点我!</a> </body> </html>

安卓代码如下

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = (WebView) findViewById(R.id.webView); //在webView里面打开网页 webView.setWebViewClient(new WebViewClient()); //允许在webview里面弹出js的窗体 webView.setWebChromeClient(new WebChromeClient()); //允许js的执行 webView.getSettings().setJavaScriptEnabled(true); //加载assets目录下的网页 webView.loadUrl("file:///android_asset/demo.html"); //把java里面的对象传递给js webView.addJavascriptInterface(new JsCallJava() { @JavascriptInterface @Override public void onCallback() { Toast.makeText(getApplicationContext(),"JavaScript调用的java代码",Toast.LENGTH_SHORT).show(); } }, "demo"); }

1.js 调用Java

我们知道，调用Java中一个方法，只需要获取到这个Java对象，然后对象.方法名的方式调用，在网页文件中，有这样一行

<a onClick="window.demo.onCallback()">点我!</a>

打开网页后点击点我两个字执行的就是一个onclick方法，window.demo表示的就是Java中的对象，onCallback（）就是Java中被调用的方法，也就是点击“点我”后执行Java中的一个onCallback（）方法，那么安卓中如何操作？
关键代码如下：

//把java里面的对象传递给js webView.addJavascriptInterface(new JsCallJava() { @JavascriptInterface @Override public void onCallback() { Toast.makeText(getApplicationContext(),"JavaScript调用的java代码",Toast.LENGTH_SHORT).show(); } }, "demo"); public interface JsCallJava{ public void onCallback(); }

设置一个接口，接口中的回调方法为js重调用的方法，很关键的一行@JavascriptInterface必须加上，指明这是一个js接口，否则无法执行

2.Java调用js

假如我们现在想调用网页中的wave方法

function wave() { alert("Android调用Js啦"); }

只需要这样执行

webView.loadUrl("javascript:wave()");

关键一点必须设置,不然无法弹出alert

//允许在webview里面弹出js的窗体 webView.setWebChromeClient(new WebChromeClient());
原文链接：https://yq.aliyun.com/articles/657354
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源。

相关文章

    文章评论

    共有0条评论来说两句吧...

    文章二维码

    扫描即可查看该文章

    点击排行

    推荐阅读

    最新文章