7ZH02-0390-04

数据查看网页内容的示例 HTML 代码

数据查看网页的内容和格式由其 HTML 代码控制。

数据查看网页内容示例

行号 示例 HTML
1 SampleMonitorPane.html
2 <div class="content-fit">
3 <div class="accordion">
4 <h3 target="sample-readings">$%localizedString(Basic Readings)#$</h3>
5 <div id="sample-readings">
6 <table class="datatable">
7 <tr>
8 <th>&nbsp;</th>
9 <th>$%localizedString(Minimum)#$</th>
10 <th>$%localizedString(Present)#$</th>
11 <th>$%localizedString(Maximum)#$</th>
12 </tr>
13 <tr class="minor">
14 <td>$%localizedString(I a)#$ <span unitsreg="I a"></span></td>
15 <td regname="I a mn"></td>
16 <td regname="I a"></td>
17 <td regname="I a mx"></td>
18 </tr>
19 <tr class="minor">
20 <td>$%localizedString(I b)#$ <span unitsreg="I b"></span></td>
21 <td regname="I b mn"></td>
22 <td regname="I b"></td>
23 <td regname="I b mx"></td>
24 </tr>
25 </table>
26 </div>
27 <h3 target="sample-energy">$%localizedString(Energy Readings)#$</h3>
28 <div id="sample-energy">
29 <table class="datatable">
30 <tr>
31 <th>&nbsp;</th>
32 <th>$%localizedString(Present)#$</th>
33 </tr>
34 <tr>
35 <td>$%localizedString(Active Energy)#$ <span unitsreg="kWh del-rec"></span></td>
36 <td regname="kWh del-rec"></td>
37 </tr>
38 <tr>
39 <td>$%localizedString(Reactive Energy)#$ <span unitsreg="kVARh del-rec"></span></td>
40 <td regname="kVARh del-rec"></td>
41 </tr>
42 </table>
43 </div>
44 </div>
45  
46  
47 <script type="text/javascript">
48  
49 instantaneousReadings.initInstantaneousReadings('sample-readings');
50  
51 </script>
52 </div>

数据查看网页内容描述示例

行号 描述
1
SampleMonitorPane.html 

HTML 文件名,包括 HTML 扩展名 (.html)。此文件名必须符合 SFTP 文件名规则(没有空格或特殊字符)。文件名(不包含 HTML 扩展名)是显示在网页上的名称。

4
<h3 target="sample-readings">

创建第一个网页内容窗格。“sample-readings”是网页内容的名称。此名称必须唯一。

$%localizedString(Basic Readings)#$</h3>

“Basic Readings”是网页内容窗格的标题。如果可能,请翻译此标题。

5
<div id="sample-readings">

必须与行 4 中网页内容的名称匹配。

9
<th>$%localizedString(Minimum)#$</th>

“Minimum”是第一列的标题。如果可能,请翻译此标题。

10
<th>$%localizedString(Present)#$</th>

“Present”是第二列的标题。如果可能,请翻译此标题。

11
<th>$%localizedString(Maximum)#$</th>

“Maximum”是最后一列的标题。如果可能,请翻译此标题。

14
<td>$%localizedString(I a)#$ 

I a 是行标题。如果可能,请翻译此标题。

<span unitsreg="I a"></span></td>

显示测量仪为指定的寄存器 I a 定义的单位。

15
<td regname="I a mn"></td>

显示指定的寄存器 I a mn 的瞬时值。

16
<td regname="I a"></td>

显示指定的寄存器 I a 的瞬时值。

17
<td regname="I a mx"></td>

显示指定的寄存器 I a mx 的瞬时值。

20
<td>$%localizedString(I b)#$ 

I b 是第二个行标题。如果可能,请翻译此标题。

<span unitsreg="I b"></span></td>

显示测量仪为指定的寄存器 I b 定义的单位。

21
<td regname="I b mn"></td>

显示指定的寄存器 I b mn 的瞬时值。

22
<td regname="I b"></td>

显示指定的寄存器 I b 的瞬时值。

23
<td regname="I b mx"></td>

显示指定的寄存器 I bmx 的瞬时值。

27
<h3 target="sample-energy">

创建第二个网页内容窗格。“Sample-energy”是网页内容的名称。此名称必须唯一。

$%localizedString(Energy Readings)#$</h3>

“Energy Readings”是网页内容窗格的标题。如果可能,请翻译此标题。

28
<div id="sample-energy">

必须与行 27 中网页内容的名称匹配。

32
<th>$%localizedString(Present)#$</th>

“Present”是最后一列的标题。如果可能,请翻译此标题。

35
<td>$%localizedString(Active Energy)#$ 

“Active Energy”是行标题。如果可能,请翻译此标题。

<span unitsreg="kWh del-rec"></span></td>

显示测量仪为指定的寄存器 kWh 交付值-接收值所定义的单位。

36
<td regname="kWh del-rec"></td>

显示指定的寄存器 kWh 交付值-接收值的瞬时值。1

39
<td>$%localizedString(Reactive Energy)#$ 

“Reactive Energy”是行标题。如果可能,请翻译此标题。

<span unitsreg="kVARh del-rec"></span></td>

显示测量仪为指定的寄存器 kVARh 交付值-接收值所定义的单位。

40
<td regname="kVARh del-rec"></td>

显示指定的寄存器 kVARh 交付值-接收值的瞬时值。1

49
instantaneousReadings.initInstantaneousReadings('sample-readings');

“sample-readings”是第一个网页内容的唯一名称。此 HTML 代码更新所有网页的值。

1 指定的寄存器列出在 Modbus 寄存器映射中。您还可以使用以下格式通过其 ION 名称引用值:<td regname=”_0x####”></td>.
本页的QR代码

这有帮助吗?