摘要
JavaScript 是一种编程语言，它允许我们在网页上实现复杂的功能，编写交互逻辑。例如动画图形、嵌入视频播放器等。TwinCAT HMI基于HTML5和JavaScript，本次通过一些案例介绍如何在TwinCAT HMI中使用JavaScript。
软硬件版本
控制器硬件
TwinCAT控制制器，PC或者EPC，包括：
嵌入式控制器：CX5020-0125（IMG版本：CX1800-0411-0007 v3.92）
工控机：C6xxx、CP2xxx、CP6xxx等
控制软件
笔记本和控制器都是基于TwinCAT 3.1 Build 4024.47版本，TwinCAT HMI 1.12.760.59版本。
操作步骤
直接在A&C编辑器中使用JavaScript
点击按钮Show Events中OnPressed，并添加JavaScript动作
点击 Edit SourceCode，并编写如下代码：
编码好后，编译保存，并在本地运行测试：
新建CodeBehind.js文件全局应用
添加好后，先在画面中添加两个按钮，然后在CodeBehindJs编写代码如下：
注：只需要在画面中只需要添加按钮，文本信息可自行添加。TcHmiButton_4的文本信息为Init_Text，TcHmiButtion_7的文本信息为js_call_Global。
编译保存后，运行：
上图为，工程刚运行名称从Init_Text修改为了 Init_js_name。
上图为：点击js_Call_Global按钮后执行的效果，将按钮4的文本改成Hello，js_Btn_change。
新建Function.js文件并调用（能被多次调用）
添加好后，先在画面中添加文本输入框和图片控件，然后在FunctionJS2编写代码如下：
编写代码：
在图片控件中添加JavaScript功能
编译保存执行如下：
文本框内容为1：
文本框内容为2：
文本框内容为3：
文本框内容为4：
JavaScript函数语法（匿名函数）使用介绍
当按图编写的函数会提示错误在VSCode中，正确的使用匿名函数如下：
按照上述编写的函数执行的效果如下图：
作者简介 PROFILE
孙烨
倍福中国 技术支持工程师