kotlin学习笔记——kotlin与Js通信

最新推荐文章于 2024-07-24 16:58:21 发布
最新推荐文章于 2024-07-24 16:58:21 发布
阅读量3.2k 收藏 2
点赞数
分类专栏： kotlin笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011109931/article/details/79505353
版权
本文介绍了Kotlin与JavaScript之间的通信方式，包括通过对象互相传递值，使用懒加载技术，以及如何在JavaScript中调用Java方法并进行回调。在WebView中，Java调用JS方法必须在主线程进行。文中提供了相关代码示例，如KotlinHtml.html的jQuery引用，JavaScriptMethods的定义，以及MainActivity中的关键代码。
摘要由CSDN通过智能技术生成

和原来一样，通过对象互相传值。 webview传递对象给js调用，webview则通过

mWebview.loadUrl("javaScript:方法名（参数）")来调用js中的方法，需要注意的是调用js方法必须在主线程。


1.懒加载：使用时才初始化, 类型声明为val

private val mWebview:WebView by lazy {
    webview
}

2. 当js需要java中的数据时，js调java方法，java再调用js中的方法将数据做为参数传给js。

回调js方法名，可以不写死，由js将方法名传过来。（解耦）

4.贴上相关代码

(1) kotlinHtml.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
                button{
                    width : 100%;
最低0.47元/天 解锁文章
☆☆张
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android kotlin 与 js 交互
NotesChapter
01-31 1096
不喜欢说太多，喜欢直接干，直接上代码，这才是我的风格。 fragment package com.meinong.fragment.kotlin import android.content.Intent import android.content.pm.PackageManager import android.os.Bundle import android.view.Layout
Kotlin语言 Android与JS交互
qq_41805135的博客
06-11 962
先来说说什么是JS交互：说的俗一点就是通过我们项目中的控件来调用HTML里的JS代码，也可以通过JS来调用项目中的代码。Android与JS之间的桥梁就是WebView了，我们是通过WebView来实现他们的相互调用。Android调用Js代码：Android调用Js代码有两种方式1）通过WebView的loadUrl ()调用2）通过WebView的evaluateJavascript ()调用...
Kotlin to JavaScript（译）
裴泓博
12-02 2389
闲聊群 : 668524118 本群主要用于编程技术 ,及创意作品 ,思维架构的交流 ,欢迎喜欢创新 ,热爱生活的朋友加入 ! 这篇文章说明了如何将 Kotlin 代码编译成 Javascript 代码，并提供一些简单的示例参考。 Kotlin 编译到 Javascript 有多重方式，比较推荐的做法是使用 Gradle，你也可以通过Intellij IDEA 或 Mav
Kotlin,Android实现最简单的WebView,手把手教会你
最新发布
m0_74531507的博客
07-24 523
包教会你最简单的WebView怎么使用
Kotlin/JS工程构建及编译运行到浏览器
Neo的博客
01-04 1052
Kotlin/JS 提供了转换 Kotlin 代码、Kotlin 标准库的能力，并且兼容 JavaScript 的任何依赖项。Kotlin/JS 的当前实现以 ES5 为目标。使用 Kotlin/JS 的推荐方法是通过 kotlin.multiplatform Gradle 插件。它提供了一种集中且便捷的方式来设置与控制以 JavaScript 为目标的 Kotlin 项目。这包括基本特性， 例如控制应用程序的捆绑，直接从 npm 添加 JavaScript 依赖项等等。
使用 React 和 Kotlin/JS 构建 Web 应用程序
虎哥LoveDroid
03-23 891
本文通过相关的数据，演示如何使用和Kotlin/JS构建一个Web全栈应用。通过本文，你将学到如下内容：完成与构建典型 React 应用程序相关的常见任务。探索如何使用 Kotlin 的 DSL 来帮助简洁、统一地表达概念，同时又不牺牲可读性，从而允许您完全用 Kotlin 编写完整的应用程序。了解如何使用现成的 npm 组件、使用外部库以及发布最终应用程序。demo代码地址如下：最终的完整功能，请查看finish分支。
Kotlin学习笔记
qingjuyashi的博客
10-18 841
小白学Kotlin，认真做笔记，认真做总结， 感谢： https://blog.csdn.net/sino_crazy_snail/article/category/7450715/1? https://www.jianshu.com/nb/2528012 https://www.cnblogs.com/Jetictors/p/9227498.html# 首先感谢三位博主的精彩文章，我看...
【一篇文章搞懂】，字节跳动厂内部超高质量Flutter+Kotlin笔记
java9982的博客
03-26 2523
开头 面试时间：2021.2.9 1~3面、2021.2.13 4~6面、2021.2.26 HR面 面试部门 + 岗位：商业化 - 高级 Android 开发工程师 面试感想：整体面得比较累，基础面、交叉面、Boss面，前前后后对接了 6 个面试官 (离当初给我说的 3面+HR面 貌似差得有点远￢＿￢) 。算法到 Boss 面都还在写，不过庆幸的是面试官没有为难我 (老实交代了算法没怎么准备，哎…)，算法都不太难。整体项目比基础问得多。 面试建议：算法、基础是敲门砖，项目是试金石，良好的面试形象是加分项
Flutter学习笔记&学习资料推荐(1)
2401_84149368的博客
05-04 711
Android学习PDF+架构视频+源码笔记高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！
android 优秀框架整理，Kotlin科学计算
m0_64319000的博客
11-20 1177
github https://github.com/loopj/android-async-http 作者：James Smith 使用： repositories { maven { url ‘https://oss.sonatype.org/content/repositories/snapshots/’ } } dependencies { compile ‘com.loopj.android:android-async-http:1.5.0-SNAPSHOT’ } 18.androidannotat
Kotlin实现Android与js的互调，js调用安卓方法获得数据然后传回js,做逻辑操作
03-13
Android和js的交互主要分为三种：1，安卓调用js的方法。2，js调用安卓的方法。3回调，即js调用安卓的方法获得数据，然后数据回传给js，js做业务处理。如有疑问可以看博客：https://blog.csdn.net/qq_30389893/article/details/88528478
kotlin-html：用于HTML和CSS的Kotlin DSL
02-02
Kotlin HTML JVM使用 repositories { jcenter() } dependencies { // JVM version of the HTML library implementation( " dev.scottpierce.kotlin-html:kotlin-html-writer-jvm:0.7.24 " ) // If you are using Ktor, you can use this as well implementation( " dev.scottpierce.kotlin-html:kotlin-html-ktor:0.7.24 " ) } 多平台使用 repositories { jcenter() } kotlin { commonMain { dependencies { implementation( " dev.scottpierce.kotlin-html:kotlin-html-writer:0.7.24 " )
使用Kotlin进行Android开发
西涛offbye-移动全栈技术博客
09-28 1287
使用Kotlin进行Android开发What is KotlinKotlin，原意是在俄罗斯的一个小岛，JetBrain在2011年推出了以这个来命名的一个运行在JVM上的语言， 看上去有点类似C#和Scala的结合，并且同为静态类型，作为一门JVM上的语言，可以轻松兼容Java，并且整个语言设计的非常轻量。目前的版本为0.12.200，尚未发布正式版。Kotlin的下载和配置在其官网上有，在这
基于 Node.js 环境的 KotlinJs 工程的完美搭建
Kotlin中文社区
03-11 1888
为什么需要这样一篇文章我们知道 Kotlin 对 Jvm 的支持实在是太好了，以至于我们创建一个 Java 工程，配置一下 Kotlin 的编译插件和标准库就可以很轻松愉...
闭包：JavaScript，kotlin，Dart对比
parade岁月的博客
07-11 556
很多语言都有闭包的特性，比如JavaScript,kotlin,Dart。虽然语言不同，但是原理特性都差不多，下面来做一下对比 JavaScript <script> /** * 子作用域可以访问父（甚至是祖先）作用域中的变量，而反过来不行 * 闭包指子函数可以访问外部作用域变量的函数特性,即使在子函数作用域外也可以访问，在函数外部可以读取函数内部的局部变量 * 如果子函数被使用时父级环境将被保留 * 函数被执行后其环境变量将从内存中删除
使用Kotlin进行全栈开发 Ktor+Kotlin/JS
Enaium的博客
04-14 1106
本文将介绍如何使用 Kotlin 全栈技术栈KtorKotlin/JS来构建一个简单的全栈应用。
将Kotlin代码编译成Javascript 代码
xiangzhihong8的专栏
02-09 6753
在Kotlin和Javascript平台的互操作过程中，往往会涉及Kotlin代码和 Javascript 代码相互转换的过程，本文主要介绍如何将Kotlin代码编译成Javascript 代码。 1，创建JavaScript的应用程序 首先创建一个新的应用程序或目标JavaScript模块时，并需要选择Kotlin - JavaScript作为编译运行目标。 默认情况下，插件选择与...
Kotlin,JavaScript,Dart,Java数组reduce操作对比
parade岁月的博客
07-04 320
kotlin的reduce和fold fun main() { val numbers = listOf(5,2,10,4) //而 reduce() 的第一步则将第一个和第二个元素作为第一步的操作参数，后续会把操作的结果赋值给第一个参数，第二个参数往后延，依次去第3个参数，第四个参数等 val sum = numbers.reduce { acc, i -> println("acc:${acc},i:${i}") acc+i } ..
Kotlin学习指南：官方文档与中文翻译链接
对于初学者，[Liying-cn网站](http://www.liying-cn.net/kotlin/docs/reference/1AS3.0-װkotlin)提供了中文版的Kotlin参考文档，版本与最新稳定版保持同步，使得理解和学习变得更加直观。这个网址包含了Kotlin的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值