Kotlin语言 Android与JS交互

最新推荐文章于 2025-06-20 13:00:00 发布

原创

最新推荐文章于 2025-06-20 13:00:00 发布 · 置顶 · 1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#kotlin

本文详细介绍了如何使用Kotlin实现Android与JS的交互，包括Android通过loadUrl()和evaluateJavascript()调用JS代码，以及JS通过addJavascriptInterface()、shouldOverrideUrlLoading()和WebChromeClient的对话框方法调用Android代码。文章讨论了各种方法的优缺点及适用场景。

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

先来说说什么是JS交互：
说的俗一点就是通过我们项目中的控件来调用HTML里的JS代码，也可以通过JS来调用项目中的代码。
Android与JS之间的桥梁就是WebView了，我们是通过WebView来实现他们的相互调用。
Android调用Js代码：
Android调用Js代码有两种方式
1）通过WebView的loadUrl ()调用
2）通过WebView的evaluateJavascript ()调用
Js调用Android代码：
Js调用Android代码有三种方式
1）通过WebView的addJavascriptInterface ()进行对象映射
2）通过WebViewClient的shouldOverrideUrlLoading（）来拦截Url调用代
码
3）通过WebChromeClient 的onJsAlert()、onJsConfirm()、
onJsPrompt（）拦截JS中的对话框alert() / confirm() / prompt()

用Kotlin实现Android与JS交互

一、Android通过 loadUrl ()调用JS代码

1.把需要调用的JS代码以.Html的格式放到src/main/assets文件夹中，没有的新建一个

<html>
  <head>
    <meta charset="utf-8" />
    <title>Android与Js交互</title>
  </head>
<body>
           //JS的代码
    <script type="text/javascript">
          //无参方法
        function clickJS(){
            document.getElementById("zi").innerHTML = "Android调用了JS代码"
        }
         //有参方法
        function clickJSTwo(x){
            document.getElementById("zi").innerHTML = x
        }
    //与Android交互的方法 
        function clickAndroid(){
            var result = prompt("js://webview?arg1=111&arg2=222")
            alert("demo" + result)
        }
    </script>

    <button type="button" onclick="clickAndroid()">我是一个按钮</button>

    <p id="zi">在这里改变代码</p>

     </body>
</html>