如何通过js/html按钮载入到窗口1里面？

残狼

通过网页html按钮载入到指定的窗口里

阿狸阿狸

你是想问，如何通过js/html按钮载入到易语言的窗口1里面吗

[color=rgba(0, 0, 0, 0.9)]要通过 JavaScript 和 HTML 按钮与易语言（EPL）的窗口交互，通常需要借助 ​Web浏览器控件 和 ​COM对象通信 技术。以下是分步实现方案：

步骤 1：在易语言中嵌入 Web 浏览器控件

• ​创建窗口并添加浏览器控件：
  在易语言窗口中插入 WebBrowser 控件（如系统自带的 WebBrowser 或第三方浏览器组件）。
  easy
  [color=rgba(0, 0, 0, 0.6)]
  
  
  
    

  // 易语言代码示例
  

  窗口程序集名	保 留	保 留	备 注
  窗口程序集1

  子程序名	返回值类型	公开	备 注
  _窗口1_创建完毕

  [color=rgba (0, 0, 0, 0.9)][backcolor=rgb (252, 252, 252)][font=inherit]WebBrowser1.跳转 (“res://index.html”, , , , )  ' 加载内嵌HTML资源
  
  

  // 易语言代码示例<br /> .版本 2<br /> .程序集 窗口程序集1<br /> .子程序 _窗口1_创建完毕<br /> [color=rgba(0, 0, 0, 0.9)]<font style="background-color:rgb(252, 252, 252)"><font face="inherit">WebBrowser1.跳转 (“res://index.html”, , , , )  ' 加载内嵌HTML资源
  ​注册COM对象供JS调用[color=rgba(0, 0, 0, 0.9)]：
  
• 创建一个易语言类模块，通过COM接口暴露给JavaScript。
  
  

---

步骤 2：编写 HTML/JavaScript 交互代码html
[color=rgba(0, 0, 0, 0.6)]

[HTML] 纯文本查看 复制代码

<!-- index.html -->
<button>点击加载到易语言窗口</button>

<script>
function sendToEPL() {
    try {
        // 调用易语言暴露的COM对象方法
        window.external.EPL_LoadData("Hello from HTML!");
    } catch (e) {
        alert("请确保在易语言环境中运行");
    }
}
</script>

---

步骤 3：在易语言中实现COM接口

• ​创建类模块：
  easy
  [color=rgba(0, 0, 0, 0.6)]
  
  
  
    

  .类模块 EPL_ComObject
  

  窗口程序集名	保 留	保 留	备 注
  (未填写程序集名)
  变量名	类 型	数组	备 注
  变量名	类 型	数组	备 注
  主窗口	窗口1

  
  

  子程序名	返回值类型	公开	备 注
  _初始化

  主窗口 ＝ 取对象句柄 ()  ' 获取主窗口引用
  

  子程序名	返回值类型	公开	备 注
  EPL_LoadData	逻辑型
  参数名	类 型	参考	可空	数组	备 注
  数据	文本型

  主窗口.编辑框1.内容 ＝ 数据  ' 将数据传递到窗口1的编辑框
  返回 真
  

  .版本 2<br /> .类模块 EPL_ComObject<br /> .程序集变量 主窗口, 窗口1<br /> <br /> .子程序 _初始化<br />    主窗口 ＝ 取对象句柄()  ' 获取主窗口引用<br /> <br /> .子程序 EPL_LoadData, 逻辑型<br /> .参数 数据, 文本型<br />    主窗口.编辑框1.内容 ＝ 数据  ' 将数据传递到窗口1的编辑框<br />    返回 真
  
  
• ​关联浏览器控件与COM对象：
  easy
  [color=rgba(0, 0, 0, 0.6)]
  
  
  
    

  子程序名	返回值类型	公开	备 注
  _窗口1_创建完毕

  WebBrowser1.注册COM对象 (“EPL_ComObject”)  ' 绑定COM对象到浏览器
  
  

  .子程序 _窗口1_创建完毕<br /> WebBrowser1.注册COM对象 (“EPL_ComObject”)  ' 绑定COM对象到浏览器
  
  
  

---

步骤 4：处理安全设置（重要！）

• ​在IE设置中启用ActiveX：
  由于易语言可能使用IE内核，需确保本地脚本可执行：
  • 进入 Internet选项 → 安全 → 自定义级别，启用 ​ActiveX 控件和插件。
    
  
  

---

完整易语言窗口代码示例easy
[color=rgba(0, 0, 0, 0.6)]

  

窗口程序集名	保 留	保 留	备 注
窗口程序集1
变量名	类 型	数组	备 注
COM接口	EPL_ComObject

子程序名	返回值类型	公开	备 注
_窗口1_创建完毕

WebBrowser1.跳转 (“res://index.html”, , , , )
COM接口 = 取对象句柄 ()
WebBrowser1.注册COM对象 (“EPL_ComObject”)

子程序名	返回值类型	公开	备 注
_按钮_处理数据_被单击
参数名	类 型	参考	可空	数组	备 注
数据

编辑框1.内容 ＝ 数据

.版本 2<br /> .程序集 窗口程序集1<br /> .程序集变量 COM接口, EPL_ComObject<br /> <br /> .子程序 _窗口1_创建完毕<br /> WebBrowser1.跳转 (“res://index.html”, , , , )<br /> COM接口 = 取对象句柄()<br /> WebBrowser1.注册COM对象 (“EPL_ComObject”)<br /> <br /> .子程序 _按钮_处理数据_被单击<br /> .参数 数据<br /> 编辑框1.内容 ＝ 数据

---

注意事项

• ​资源嵌入：将HTML文件编译为资源文件（.res），确保程序独立运行。
• ​跨平台限制：此方案仅适用于Windows系统。
• ​安全风险：确保仅在可信环境中启用ActiveX。
  

---

替代方案：使用HTTP服务器通信

[color=rgba(0, 0, 0, 0.9)]若需要更复杂的交互，可在易语言中创建本地HTTP服务器，通过JS发送Ajax请求实现双向通信。

javascript
[color=rgba(0, 0, 0, 0.6)]

[JavaScript] 纯文本查看 复制代码

// JS发送POST请求
fetch('http://localhost:8080/update', {
    method: 'POST',
    body: JSON.stringify({data: "Hello"})
});

easy
[color=rgba(0, 0, 0, 0.6)]

  

' 易语言HTTP服务器示例

子程序名	返回值类型	公开	备 注
处理请求
参数名	类 型	参考	可空	数组	备 注
请求数据	文本型

窗口1.编辑框1.内容 ＝ 请求数据

' 易语言HTTP服务器示例<br /> .子程序 处理请求<br /> .参数 请求数据, 文本型<br /> 窗口1.编辑框1.内容 ＝ 请求数据

---

[color=rgba(0, 0, 0, 0.9)]通过上述方法，即可实现Web界面与易语言桌面应用的无缝交互。

残狼

阿狸阿狸 发表于 2025-3-11 21:21
你是想问，如何通过js/html按钮载入到易语言的窗口1里面吗
要通过 JavaScript 和 HTML 按钮与易语 ...

有源吗？铁铁

承易

找WEB UI 就有这功能呢