介绍
Energy Go代码中如何执行Web端的JS函数和代码。
在一些情况下，我们可以通过Go来执行指定窗口的JS代码，达到通过Go操作JS的目的，该操作只针对JS的代码或函数执行，不会影响到Go的结果。
运行此示例，需要安装好Go和Energy开发环境：教程一 环境安装
此示例中采用了内置http服务访问内嵌资源*: 内置http服务
使用方式
Go中调用JS
参数说明：
参数1 js代码或函数
示例参考，根据实现场景中使用
JS代码
`
var demo = document.getElementById('demo');
demo.innerHTML = 'energy gui';
`
`
document.title;
`
JS函数
`alert('energy');`
JS中已定义的函数
`
demo('参数1', '参数2');
`
image.gif
参数2 可为空，或script URL
参数3 默认0，脚本开始执行行号
Chromium().ExecuteJavaScript("cript: code or function", "script url", code start line)
image.gif
//获得主窗口
info := cef.BrowserWindow.MainWindow()
//调用js中定义的函数GoExecuteJSFunc,并传递参数，但没有返回值
var jsFunc = fmt.Sprintf("GoExecuteJSFunc(%d, '%d')", 9999, time.Now().Second())
info.Chromium().ExecuteJavaScript(jsFunc, "", 0)
image.gif
完整示例
Go代码示例
示例中在主进程启动之后开启一个1秒执行一次的协程函数，并在函数里执行了JS函数GoExecuteJSFunc
GoExecuteJSFunc函数接收2个参数，可通过Go字符串拼接传递参数
ExecuteJavaScript 函数无法接收函数返回值，如想接收返回值需使用事件机制：参考教程九
package main
import (
"embed"
"fmt"
"github.com/energye/energy/v2/cef"
"github.com/energye/energy/v2/pkgs/assetserve"
"time"
)
//go:embed resources
var resources embed.FS
func main() {
//全局初始化 每个应用都必须调用的
cef.GlobalCEFInit(nil, &resources)
//创建应用
cefApp := cef.NewApplication()
//指定一个URL地址，或本地html文件目录
cef.BrowserWindow.Config.DefaultUrl = "http://localhost:22022/execute-javascript.html"
cef.BrowserWindow.Config.Title = "Energy - execute-javascript"
cef.BrowserWindow.Config.Icon = "resources/icon.ico"
//内置http服务链接安全配置
cef.SetBrowserProcessStartAfterCallback(func(b bool) {
fmt.Println("主进程启动 创建一个内置http服务")
//通过内置http服务加载资源
server := assetserve.NewAssetsHttpServer()
server.PORT = 22022
server.AssetsFSName = "resources" //必须设置目录名
server.Assets = &resources
go server.StartHttpServer()
//定时执行web js
go timeTask()
})
//运行应用
cef.Run(cefApp)
}
//定时执行web js
func timeTask() {
var param0 = 0
for {
//每1秒钟执行一次
time.Sleep(time.Second)
info := cef.BrowserWindow.MainWindow()
param0++
//调用js中定义的函数GoExecuteJSFunc,并传递参数，但没有返回值, 也无法接收返回值
var jsFunc = fmt.Sprintf("GoExecuteJSFunc(%d, '%d')", param0, time.Now().Second())
fmt.Println("GoExecuteJSFunc:", jsFunc)
info.Chromium().ExecuteJavaScript(jsFunc, "", 0)
}
}
image.gif
html代码示例
定义了GoExecuteJSFunc函数，在Go中调用传递2个参数。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>execute-javascript</title>
<script type="application/javascript">
function GoExecuteJSFunc(param, param1) {
let message = document.getElementById("message");
message.innerHTML = message.innerHTML + "param0: " + param + " param1: " + param1 + "<br>"
if (param % 2 === 0) {
message.style.color = "red"
} else {
message.style.color = "blue"
}
}
</script>
</head>
<body style="overflow: hidden;margin: 0px;padding: 0px;">
execute-javascript:<br>
<div id="message">
</div>
</body>
</html>
image.gif
