保护稀有动物网站建设策划书,视频网站开发计划书,网络服务器哪个最快,企业建设网站公司简介前言#xff1a;安卓和 IOS 加载 H5 的时候#xff0c;都有传值给到 H5 或者接收 H5 值#xff0c;鸿蒙也可传值和接收 H5 的内容#xff0c;以下是鸿蒙传值给 H5 端的具体操作
一: 定义好 H5 和鸿蒙传值的方法名#xff0c;两端必须保持方法名一致
// xxx.ets import …前言安卓和 IOS 加载 H5 的时候都有传值给到 H5 或者接收 H5 值鸿蒙也可传值和接收 H5 的内容以下是鸿蒙传值给 H5 端的具体操作
一: 定义好 H5 和鸿蒙传值的方法名两端必须保持方法名一致
// xxx.ets import { webview } from kit.ArkWeb
//和 H5 定义的传输内容
class TestObj { constructor() { } test(data1: string, data2: string, data3: string): string { console.log(data1: data1) console.log(data2: data2) console.log(data3: data3) return AceString } toString(): void { console.log(toString interface instead.) } }
Entry Component struct Index { State message: string Hello World controller: webview.WebviewController new webview.WebviewController() testObj new TestObj(); build() { Row() { Column() { Web({ src: $rawfile(index.html), controller: this.controller }) .javaScriptAccess(true) .javaScriptProxy({ object: this.testObj, // 传输的内容 name: objName, // H5 定义的传值方法名 methodList: [test, toString,goBack], // 具体的方法 controller: this.controller, }) }.width(100%) }.height(100%) } }
// H5 页面返回
goBack() {router.back()
}
