# 网页 HMI 脚本

网页 HMI 脚本基于 JavaScript 并支持 HTML5。

网页 HMI 脚本是使用脚本编辑器编写的，具有以下特点：

- 在 Web 浏览器中执行，并且仅在作业联机时执行。
- 标记存储在脚本的开头；如果执行网页 HMI 脚本时系统的另一个组件更新了标记值，该更改不会影响网页 HMI 脚本中的标记值。网页 HMI 脚本执行完成后，经过更新的标记值将被写回到标记中，并会覆盖在执行网页 HMI 脚本时对标签所做的任何其他更改。

- 对于只影响 HMI 的操作，请使用网页元素事件处理程序脚本。如果操作需要立即更新，请在代码中使用承诺 (Promise)。承诺应该用于获取网页脚本的返回值，然后执行任何依赖脚本代码。

  注意： 有关使用承诺的更多信息，请参阅网页 JavaScript 承诺主题。

- 网页元素事件处理程序脚本

  这些脚本与网页元素事件一起使用，例如 On Mouse Enter、On Mouse Up、On Changed 等。

网页 HMI 脚本可以与以下内容交互：

- 网页元素的属性，它们作为标记（网页元素属性标记）发布。

  这样您就可以使用标记访问元素的属性，例如滑块元素的 值属性或文本框元素的文本属性。

  例如：

      $MyTag = 45;

      console.log($MyErrorMessageTag);

      $WebPages.WebPage.TextBox.Text = "new text";

      $WebPages.WebPage.DataTable.Content = { Header: ["Header1"], Data: [ ["test"], ["test2] ] }

      $WebPages.WebPage.DataTable.Content = new TableData(["Header1"], [ ["test"], ["test2"] ] )

  注意： 这两个数据表示例产生相同的结果。

注意：

- 有关 JavaScript 编程语言的更深入信息，请参阅以下内容（需要 Internet 访问权限）：

  - Mozilla JavaScript 指南
  - Mozilla JavaScript 语言参考
  - “JavaScript: The Definitive Guide”，作者为 David Flanagan