# 웹페이지 HMI 스크립팅

웹페이지 HMI 스크립팅은 JavaScript를 기반으로 하며 HTML5를 지원합니다.

웹페이지 HMI 스크립팅은 스크립트 편집기를 사용하여 구성되며 다음과 같은 특성이 있습니다.

- 웹 브라우저에서 실행되며 작업이 온라인 상태일 때만 실행됩니다.
- 태그는 스크립트 의 시작 부분에 저장됩니다. 웹페이지 HMI 스크립트가 실행되는 동안 태그 값이 시스템의 다른 구성 요소에 의해 업데이트되는 경우 해당 변경 사항은 웹페이지 HMI 스크립트 내의 태그 값에 영향을 주지 않습니다. 웹페이지 HMI 스크립트가 완료되면 업데이트된 태그 값이 태그에 다시 기록되고 웹페이지 HMI 스크립트가 실행되는 동안의 다른 변경 내용을 덮어씁니다.

- HMI에만 영향을 주는 작업의 경우 웹페이지 요소 이벤트 처리기 스크립트를 사용합니다. 작업에 즉각적인 업데이트가 필요한 경우 코드 내에서 프라미스를 사용합니다. 프라미스는 웹페이지 스크립트의 반환 값을 가져와서 종속 스크립트 코드를 실행하는 데 사용되어야 합니다.

  참고: 프라미스 사용에 대한 자세한 내용은 웹페이지 JavaScript 프라미스 항목을 참조하십시오.

- 웹페이지 요소 이벤트 처리기 스크립트

  이들 스크립트는 마우스 입력 시, 마우스 업 시, 변경 시 등의 웹페이지 요소 이벤트와 함께 사용됩니다.

웹페이지 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"] ] )

  참고: 두 DataTable 예의 결과는 동일합니다.

참고:

- JavaScript 프로그래밍 언어에 대한 자세한 내용은 다음을 참조하십시오(인터넷 액세스가 필요합니다).

  - Mozilla JavaScript 안내서
  - Mozilla JavaScript 언어 참조
  - "JavaScript: The Definitive Guide"(저자: David Flanagan)