描述
用户可以创建用于 S7-CPU 的自定义网页,因此叫做“用户自定义网页”,或者使用已储存在 CPU 中的标准 CPU 网页。有三种方法可以用来更新自定义网页:
- 通过“F5”手动更新
- 使用 HTML 代码进行更新
- 使用 JavaScript 进行更新
| 手动更新 | 使用 HTML 自动更新 | 使用 JavaScript 自动更新 |
功能 | 按F5重新装载页面 | 在 HTML 文件的头文件定义一个更新时间 | 使用 JavaScript 更新单一变量 |
优势 | 无需编辑 | 定期更新 | 定期更新,仅需少量 |
劣势 | 不能自动更新 | 整个网页重新装载(数据有可能闪动) | 需要编写运算程序 |
表 01使用 HTML 自动更新自定义网页
用户可以通过在 HTML 网页中建立条目来自动更新用户自定义网页。
在 HTML 文件的头文件中插入以下指令:
<meta http-equiv="refresh" content="30"/>
" content " 参数包含更新网页时间(单位是秒)。上述例子是每 30 秒更新一次网页。
使用 JavaScript 自动更新自定义网页
在此 FAQ 中相对应的做了示例网页来展示如何使用 JavaScript 来更新数据。示例网页中有一个简单的输入选项,JavaScript 程序代码无需修改。
使用 JavaScrip 更新数据其实是依靠嵌入在用户自定义网页中的一个小的网页实现的,依靠“inline frames”(iFrame)实现。为了从控制器获取新值,无需重新装载全部的网页,仅需要装载内联框架中的小网页。这种方式的优势在于仅仅需要来自 于控制器的少量数据即可。如果在主页中使用了很多图片,那么用这种方式不用每次更新都需要从控制器中索取这些图片数据,但是对于列出的其他两种更新 方式是必须的。通过 JavaScript 更新仅需要比较小的数据传输,这样不会对整个网络负载以及控制器循环周期产生不利影响。
下图显示了数据更新原则。