Android当中跟js进行交互，实现方法的互调

最新推荐文章于 2024-07-24 11:23:56 发布

非花非雾--

最新推荐文章于 2024-07-24 11:23:56 发布

阅读量770

点赞数

文章标签： android webview js 交互

本文链接：https://blog.csdn.net/u012808234/article/details/44595497

版权

今天在浏览的时候看到Android跟js的交互，就想的学习一下，上网搜了很多资料，感觉还不是太难，就自己动手试了下，结果出了很多问题

说起交互其实很简单，只是可能sdk的版本或是别的一些小问题会困扰很长时间：

这是代码：

package wst.webview;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

   private WebView contentWebView = null;
   private TextView msgView = null;

   @SuppressLint("SetJavaScriptEnabled")
   @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.main);
       contentWebView = (WebView) findViewById(R.id.webview);
       msgView = (TextView) findViewById(R.id.msg);
       // 启用javascript
       contentWebView.getSettings().setJavaScriptEnabled(true);
       // 从assets目录下面的加载html
       contentWebView.loadUrl("file:///android_asset/wst.html");

       Button button = (Button) findViewById(R.id.button);
       button.setOnClickListener(btnClickListener);

       contentWebView.addJavascriptInterface(this, "android");
   }

   OnClickListener btnClickListener = new Button.OnClickListener() {
       public void onClick(View v) {
           // 无参数调用
           contentWebView.loadUrl("javascript:javacalljs()");
           // 传递参数调用
           contentWebView.loadUrl("javascript:javacalljswithargs(" + "'nimabi'" + ")");
       }
   };

   public void startFunction() {
       Toast.makeText(this, "js调用了java函数", Toast.LENGTH_SHORT).show();
       runOnUiThread(new Runnable() {

           @Override
           public void run() {
               msgView.setText(msgView.getText() + "\njs调用了java函数");

           }
       });
   }

   public void startFunction(final String str) {
       Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
       runOnUiThread(new Runnable() {

           @Override
           public void run() {
               msgView.setText(msgView.getText() + "\njs调用了java函数传递参数：" + str);

           }
       });
   }

}

还有html的代码：这是在assets文件夹下

<html>
<head>
<meta http-equiv="Content-Type"   content="text/html;charset=gb2312">
<script type="text/javascript">
function javacalljs(){
   document.getElementById("content").innerHTML +=
         "<br\>java调用了js函数";
}

function javacalljswithargs(arg){
   document.getElementById("content").innerHTML +=
         ("<br\>"+arg);
}
function showAndroidToast(toast) {
        wst.showToast(toast);
}
</script>
</head>
<body>
this is my html <br/>
<a onClick="window.android.startFunction()">点击调用java代码</a><br/>
<a onClick="window.android.startFunction('helloworld')" >点击调用java代码并传递参数</a>
<br/>
<div id="content">内容显示</div>
</body>
</html>