📄 代码清单3-7.htm
字号:
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE><span class=GramE>xmlHttp.open</span></span><span class=GramE>(</span>"<span
class=SpellE>GET",url,true</span>);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#019<span style='mso-spacerun:yes'>
</span><span style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE>xmlHttp.onreadystatechange</span> = <span class=SpellE>changePart</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#020<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE><span class=GramE>xmlHttp.send</span></span><span class=GramE>(</span>null);<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#021<span
style='mso-spacerun:yes'> </span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#022<span
style='mso-spacerun:yes'> </span>//</span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>改变对应页面部分的颜色</span><span lang=EN-US
style='font-size:9.0pt'><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#023<span
style='mso-spacerun:yes'> </span>function <span
class=SpellE><span class=GramE>changePart</span></span><span class=GramE>(</span>){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#024<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span>if
(<span class=SpellE>xmlHttp.readyState</span> == 4) { <o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#025<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:3'> </span>if
(<span class=SpellE>xmlHttp.status</span> == 200) { // </span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>信息已经成功返回，开始处理信息</span><span
lang=EN-US style='font-size:9.0pt'> <o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#026<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:4'> </span><span
class=SpellE>var</span> <span class=SpellE>colorHex</span> = <span
class=SpellE>xmlHttp.responseText</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#027<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:4'> </span><span
class=SpellE><span class=GramE>document.getElementById</span></span><span
class=GramE>(</span><span class=SpellE>choosePart</span>()).<span class=SpellE>setAttribute</span>('<span
class=SpellE>bgColor',colorHex</span>);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#028<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:3'> </span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#029<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span>}<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:1'> </span><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#030<span
style='mso-spacerun:yes'> </span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#031<span
style='mso-spacerun:yes'> </span>//</span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>选择需要更新的部分</span><span lang=EN-US
style='font-size:9.0pt'><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#032<span
style='mso-spacerun:yes'> </span>function <span
class=SpellE><span class=GramE>choosePart</span></span><span class=GramE>(</span>){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#033<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE>var</span> parts = <span class=SpellE><span class=GramE>document.getElementsByName</span></span><span
class=GramE>(</span>'part');<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#034<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=GramE>for(</span><span class=SpellE>i</span>=0;i<<span class=SpellE>parts.length;i</span>++){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#035<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:2'> </span><span
class=GramE>if(</span>parts[<span class=SpellE>i</span>].checked){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#036<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:3'> </span><span
class=GramE>return</span> parts[<span class=SpellE>i</span>].value;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#037<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:2'> </span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#038<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#039<span
style='mso-spacerun:yes'> </span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>040<span
style='mso-spacerun:yes'> </span><</span>/script><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>041<span
style='mso-spacerun:yes'> </span><</span>body><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#042<span style='mso-spacerun:yes'>
</span></span><span style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:
"Times New Roman";mso-hansi-font-family:"Times New Roman"'>请选择要更新颜色的部分</span><span
lang=EN-US style='font-size:9.0pt'>:<p><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#043<span style='mso-spacerun:yes'>
</span><input type="radio" id="part"
name="part" value="part1" <span class=SpellE>onclick</span>=<span
class=SpellE>getPart</span>()></span><span style='font-size:9.0pt;
font-family:宋体;mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:
"Times New Roman"'>第一部分</span><span lang=EN-US style='font-size:9.0pt'><<span
class=SpellE>br</span>><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#044<span style='mso-spacerun:yes'>
</span><input type="radio" id="part"
name="part" value="part2" <span class=SpellE>onclick</span>=<span
class=SpellE>getPart</span>()></span><span style='font-size:9.0pt;
font-family:宋体;mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:
"Times New Roman"'>第二部分</span><span lang=EN-US style='font-size:9.0pt'><<span
class=SpellE>br</span>><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#045<span style='mso-spacerun:yes'>
</span><input type="radio" id="part"
name="part" value="part3" <span class=SpellE>onclick</span>=<span
class=SpellE>getPart</span>()></span><span style='font-size:9.0pt;
font-family:宋体;mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:
"Times New Roman"'>第三部分</span><span lang=EN-US style='font-size:9.0pt'><<span
class=SpellE>br</span>><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#046<span style='mso-spacerun:yes'>
</span><input type="radio" id="part"
name="part" value="part4" <span class=SpellE>onclick</span>=<span
class=SpellE>getPart</span>()></span><span style='font-size:9.0pt;
font-family:宋体;mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:
"Times New Roman"'>第四部分</span><span lang=EN-US style='font-size:9.0pt'><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>047<span
style='mso-spacerun:yes'> </span><</span>p><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>048<span
style='mso-spacerun:yes'> </span><</span>table border="1"
width="400"><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#049<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span><<span
class=SpellE><span class=GramE>tr</span></span>><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#050<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:2'> </span><td
height="100" <span class=SpellE>bgColor</span>="#FF0000"
id="part1"></span><span style='font-size:9.0pt;font-family:宋体;
mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:"Times New Roman"'>第一部分</span><span
lang=EN-US style='font-size:9.0pt'></td><td height="100" <span
class=SpellE>bgColor</span>="#FFFF00" id="part2"></span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>第二部分</span><span lang=EN-US
style='font-size:9.0pt'></td><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#051<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span></<span
class=SpellE><span class=GramE>tr</span></span>><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#052<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span><<span
class=SpellE><span class=GramE>tr</span></span>><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#053<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:2'> </span><td
height="100" <span class=SpellE>bgColor</span>="#0000FF"
id="part3"></span><span style='font-size:9.0pt;font-family:宋体;
mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:"Times New Roman"'>第三部分</span><span
lang=EN-US style='font-size:9.0pt'></td><td height="100" <span
class=SpellE>bgColor</span>="#C<st1:chmetcnv UnitName="C" SourceValue="0"
HasSpace="False" Negative="False" NumberType="1" TCSC="0" w:st="on">0C</st1:chmetcnv><st1:chmetcnv
UnitName="C" SourceValue="0" HasSpace="False" Negative="False" NumberType="1"
TCSC="0" w:st="on">0C</st1:chmetcnv>0" id="part4"></span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>第四部分</span><span lang=EN-US
style='font-size:9.0pt'></td><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#054<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span></<span
class=SpellE><span class=GramE>tr</span></span>><span style='mso-tab-count:
1'> </span><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>055<span
style='mso-spacerun:yes'> </span><</span>/table><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>056<span
style='mso-spacerun:yes'> </span><</span>body><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>057<span
style='mso-spacerun:yes'> </span><</span>/html><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:21.0pt'><span lang=EN-US><o:p> </o:p></span></p>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -