html按钮调用go函数,Go 调用 JavaScript

本文介绍了如何在Go中调用JavaScript,特别是在WebAssembly环境下。通过syscall/js包,可以获取DOM对象、调用JavaScript函数,如getElementById和alert。示例展示了Go代码如何操作HTML元素,如改变innerHTML,以及如何调用自定义JavaScript函数。
摘要由CSDN通过智能技术生成

Go 社区中有不少人直言,Go 支持 WebAssembly 就是要取代 Javascript,虽然我个人觉得,这就姑且当成是个崇高的理想就好,不过这也表示,在编译为 WebAssembly 之后,可以调用 JavaScript 或操作 DOM,自然也是 Go 应该照料之事,为此,Go 1.11 提供了个实验性的syscall/js包来负责这项任务。

Go 与 JavaScript 毕竟是两个不同的语言,各拥有不同的数据类型与结构,因而必须先知道,两个语言间的类型如何对应,这主要定义在syscall/js包的 js.go 中。

例如,js.Value结构代表 JavaScript 中的值,定义有Get与Set方法,可以对对象上的特性访问;若想访问的对象实际上是数组,可以使用Index、SetIndex并指定索引;若对象是个函数,可以使用Invoke指定实参来调用,若想调用的是对象上的方法,可以使用Call指定方法名与调用时的实参等。

在 js.go 中预先定义了一些js.Value的实例,可以透过公开的js.Undefined、js.Null、js.Global等函数调用获取。

因而,你可以开启〈哈啰!WebAssembly!〉中谈到的 wasm_exec.html,在Run标签底下加上

Hello, WebAssembly!
:Go wasm

WebAssembly API 等... 略

Run

Hello, WebAssembly!

若想编写 Go 来获取对应的 DOM 对象,并

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值