当前位置：首页 > 行业动态 > 正文

delphi与js交互

admin
行业动态
2025-04-04
3

Delphi 与 JS 交互可通过 WebAssembly，将 Delphi 编译为 WASM 在浏览器中运行。

在现代软件开发中，Delphi与JavaScript的交互是一个常见且重要的需求，这种交互通常用于在Delphi应用程序中嵌入网页浏览器控件，并实现与网页内容的交互操作，以下是对Delphi与JS交互的详细解析：

交互方法

1、使用TWebBrowser组件

Navigate方法：可以通过调用TWebBrowser的Navigate方法来加载指定的URL，从而触发页面的加载事件。

Document属性：通过Document属性可以访问当前加载的HTML文档对象模型（DOM），进而操作或获取页面元素，可以使用Document.getElementById方法获取特定ID的元素，然后对其进行操作。

OnQuit事件：在TWebBrowser卸载时会触发OnQuit事件，可以在该事件的处理函数中执行一些清理工作，如释放资源等。

2、使用第三方浏览器控件

优势：相比于TWebBrowser，第三方浏览器控件（如CEF、Gecko等）提供了更好的性能和更多的功能特性，它们通常支持最新的Web标准和浏览器特性，能够提供更流畅的用户体验和更高的安全性。

使用方法：以CEF为例，需要在项目中引入CEF的相关库文件，并按照其API文档进行初始化和配置，可以使用CEF提供的接口方法来实现与JavaScript的交互，如ExecuteJavaScript方法用于执行JavaScript代码，GetSource方法用于获取页面源代码等。

delphi与js交互

3、脚本控制方式

ScriptControl组件：ScriptControl是Delphi中的一个组件，可以用来执行JavaScript代码，通过将ScriptControl的AllowScripts属性设置为True，可以启用脚本执行功能，可以使用ScriptControl的AddCode方法添加JavaScript代码，并使用Run方法来执行这些代码。

注意事项：ScriptControl组件的功能相对有限，可能无法满足复杂的交互需求，由于安全原因，默认情况下ScriptControl只允许执行受信任的脚本，在使用ScriptControl时需要注意脚本的安全性和可靠性。

数据传递

1、从Delphi到JS

注入脚本：可以通过TWebBrowser或第三方浏览器控件提供的接口方法向网页注入JavaScript代码，并在代码中定义全局变量或函数来传递数据，在Delphi代码中构建一个包含数据的JavaScript对象或数组，并将其转换为字符串形式传递给网页中的JavaScript代码进行处理。

delphi与js交互

调用JS函数：如果网页中已经定义了相应的JavaScript函数，可以直接从Delphi代码中调用这些函数，并将需要传递的数据作为参数传递给函数。

2、从JS到Delphi

回调函数：在Delphi代码中定义一个回调函数，并将其注册到网页中的某个事件或消息机制中，当网页中的JavaScript代码需要调用Delphi代码时，可以通过触发相应的事件或发送消息来调用Delphi中的回调函数，并将数据作为参数传递给回调函数。

窗口消息：利用Windows操作系统的消息机制来实现从JS到Delphi的数据传递，在Delphi代码中创建一个隐藏的窗口或控件，并为该窗口或控件指定一个唯一的消息标识符，在网页中的JavaScript代码中通过调用window.external.Notify方法或其他类似方法来发送自定义消息给Delphi应用程序中的窗口或控件。

示例代码

以下是一个使用TWebBrowser组件与JavaScript进行简单交互的示例代码：

delphi与js交互

Pascal

procedure TForm1.Button1Click(Sender: TObject);
var
  JSCode: string;
begin
  // 构建JavaScript代码字符串
  JSCode := 'alert("Hello from Delphi!");';
  
  // 向网页注入并执行JavaScript代码
  WebBrowser1.Navigate('about:blank');  // 先导航到一个空白页
  WebBrowser1.Document.Body.innerHTML := '<html><body></body></html>';  // 设置空白的HTML内容
  WebBrowser1.Document.Body.setAttribute('onload', 'javascript:' + JSCode);  // 在页面加载时执行JS代码
end;