Kotlin语言 Android与JS交互

关注

VIP免费原创最新推荐文章于 2026-09-07 18:00:36 发布 1.1k 阅读 AI 写同款· GEO 优化 ›

AI权益加码！Claude Code、Cursor等20+工具免费用！购周边限时加赠Coding Plan Lite，畅享主流AI工具！学习进阶更高效！阅读详情

先来说说什么是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>