js交互

最新推荐文章于 2022-08-23 16:56:15 发布

u013628092

最新推荐文章于 2022-08-23 16:56:15 发布

阅读量180

点赞数 1

CC 4.0 BY-SA版权

分类专栏：电商类

本文链接：https://blog.youkuaiyun.com/u013628092/article/details/88071949

电商类专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一个使用HTML、JavaScript和Android实现跨平台交互的示例。通过WebView加载本地HTML页面，利用JavaScriptInterface实现JS调用Android方法，并展示了如何从Android回调JS函数。此示例覆盖了WebView设置、JS调用原生代码及原生调用JS的基本流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

assets/text.html


<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Carson</title>  
      <script>
         function callAndroid(){
            test.hello("js调用了android中的hello方法");
         }

         function returnResult(){
            alert("result is");
            }
      </script>
   </head>


   <body>
      <button type="button" id="button1" onclick="callAndroid()"> 调用安卓代码 </button>
   </body>


</html>

MainActivity

package com.example.zsd.myapplication0301;
import android.annotation.SuppressLint;
import android.content.DialogInterface;
import android.content.res.AssetManager;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    Button tojs;
    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.web_id);
        tojs = findViewById(R.id.calljs_but_id);
        WebSettings settings = webView.getSettings();
        //设置js交互
        settings.setJavaScriptEnabled(true);
        //设置js弹窗
        settings.setJavaScriptCanOpenWindowsAutomatically(true);
        //设置对象映射
        webView.addJavascriptInterface(new JsToAndroid() ,"test");
        webView.loadUrl("file:///android_asset/text.html");
        webView.setWebChromeClient(new WebChromeClient());
        tojs.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                webView.loadUrl("javascript:returnResult()");
            }
        });
    }

    public class JsToAndroid {
        @JavascriptInterface
        public void hello(final String str) {
            runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(MainActivity.this , str , Toast.LENGTH_LONG).show();
            }
        });
    }
    }
}