知识点

  • 获取标签font内容
  • 判断两个百分比大小
  • 修改标签font内容颜色
  • httml表格

代码样例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:0;padding:0;}
td {text-align:center;}
tr {text-align:center;}
th {text-align:center;}
</style>
</head>
<body>
<script type="text/javascript">

$(document).ready(function(){

var sumrequest = document.getElementById('sumrequest').innerText;
var avgrequest = document.getElementById('avgrequest').innerText;

var errorcount = document.getElementById('errorcount').innerText;
var erroravg = document.getElementById('erroravg').innerText;

var longtime = document.getElementById('longtime').innerText;
var longtimeavg = document.getElementById('longtimeavg').innerText;




//强制转换为数值型
sumrequest = parseFloat(sumrequest);
avgrequest = parseFloat(avgrequest);

errorcount = parseFloat(errorcount);
erroravg = parseFloat(erroravg);

longtime = parseFloat(longtime);
longtimeavg = parseFloat(longtimeavg);



if (sumrequest < avgrequest) {
document.getElementById( "sumrequest" ).style.color = "red";
}

if (sumrequest >= avgrequest) {
document.getElementById( "sumrequest" ).style.color = "green";
}

if (longtime < longtimeavg) {
document.getElementById( "longtime" ).style.color = "green";
}

if (longtime >= longtimeavg) {
document.getElementById( "longtime" ).style.color = "red";
}

if (errorcount < erroravg) {
document.getElementById( "errorcount" ).style.color = "green";
}

if (errorcount >= erroravg) {
document.getElementById( "errorcount" ).style.color = "red";
}
});

</script>
<table width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<th><font >请求次数</font></th>
<th><font >错误次数</font></th>
<th><font >超长请求</font></th>
</tr>

<tr>
<td> <font size="5" id="sumrequest"> $sumrequest </font> <font size ="5">(</font> <font size="5" id="avgrequest"> $avgrequest </font><font size ="5">)</font> </td>
<td> <font size="5" id="errorcount"> $errorcount </font> <font size ="5">(</font> <font size="5" id="erroravg"> $erroravg </font><font size ="5">)</font> </td>
<td> <font size="5" id="longtime"> $longtime </font> <font size ="5">(</font> <font size="5" id="longtimeavg"> $longtimeavg </font> <font size ="5">)</font> </td>
</tr>
</table>

</body>
</html>