﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-风人园-文章分类-JavaScript</title><link>http://www.blogjava.net/wuxufeng8080/category/12806.html</link><description /><language>zh-cn</language><lastBuildDate>Wed, 28 May 2008 02:50:46 GMT</lastBuildDate><pubDate>Wed, 28 May 2008 02:50:46 GMT</pubDate><ttl>60</ttl><item><title>Jscript中window.setInterval和window.setTimeout区别 (ZT)</title><link>http://www.blogjava.net/wuxufeng8080/articles/165586.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Wed, 05 Dec 2007 09:00:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/165586.html</guid><wfw:comment>http://www.blogjava.net/wuxufeng8080/comments/165586.html</wfw:comment><comments>http://www.blogjava.net/wuxufeng8080/articles/165586.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/wuxufeng8080/comments/commentRss/165586.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wuxufeng8080/services/trackbacks/165586.html</trackback:ping><description><![CDATA[setTimeout(表达式,延时时间)<br />
在执行时,是在载入后延迟指定时间后,去执行<font color="#ff0000">一</font>次表达式,记住,次数是一次<br />
<br />
用setTimeout实现的自动变化显示随机数的效果:<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;script&gt;<br />
window.onload=sett;<br />
function sett()<br />
{<br />
document.body.innerHTML=Math.random();<br />
setTimeout("sett()",500);<br />
}<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
setInterval(表达式,交互时间)<br />
则不一样,它从载入后,每的时间就执行一次表达式隔指定<br />
用setInterval实现的自动变化显示随机数的效果:<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;script&gt;<br />
function sett()<br />
{<br />
document.body.innerHTML=Math.random();<br />
}<br />
setInterval("sett();", 500);<br />
&lt;/script&gt;<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;
<img src ="http://www.blogjava.net/wuxufeng8080/aggbug/165586.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2007-12-05 17:00 <a href="http://www.blogjava.net/wuxufeng8080/articles/165586.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JavaScript动态添加删除表格行列(ZT)</title><link>http://www.blogjava.net/wuxufeng8080/articles/129429.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Tue, 10 Jul 2007 13:27:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/129429.html</guid><wfw:comment>http://www.blogjava.net/wuxufeng8080/comments/129429.html</wfw:comment><comments>http://www.blogjava.net/wuxufeng8080/articles/129429.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/wuxufeng8080/comments/commentRss/129429.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wuxufeng8080/services/trackbacks/129429.html</trackback:ping><description><![CDATA[JavaScript动态添加删除表格行列<br><br>上周因为手头一个东西需要增加不定项目，左思右想没有找到一个好的解决办法。刚好旧友soot过来深圳，他给了我一个办法，用<em>javascript</em>动态添加删除表格行的思路，并演示了一下，符合我的要求，于是拿出来与大家共分享<br><br>以下是我测试的代码<br>&lt;%<br>&nbsp;<br>&nbsp;If Request("dd")&lt;&gt;"" Then<br>&nbsp;&nbsp;Response.write(Ubound(split(request("dd"),",")))<br>&nbsp;End If
<p>%&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;script&gt;<br>var i = 0;<br>function add() {<br>&nbsp;i++;<br>&nbsp;var tbl = document.all.tbl;<br>&nbsp;var tr = tbl.insertRow();<br>&nbsp;var td = tr.insertCell();<br>&nbsp;td.innerHTML = "&lt;input name='dd' <em>value</em> = 'dd"+i+"'&gt;"<br>}<br>&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body&gt;</p>
<p>&lt;form method=post&gt;<br>&lt;table id=tbl&gt;<br>&lt;tr&gt;&lt;td&gt;&lt;input name="dd" <em>value</em> = "dd0"&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;/table&gt;</p>
<p>&lt;INPUT TYPE="button" <em>value</em>="add" <em>onclick</em>="add()"&gt;<br>&lt;INPUT TYPE="submit" <em>value</em>="submit"&gt;<br>&lt;/form&gt;<br>&lt;/html&gt;</p>
<p>添加之后同时将值存在一个隐藏表单域中，以便提交时使用，使用数组方法接收值。<br><br>今日在网上搜索，发现一个网友的博客中也有相关代码，于是帖过来一起参考。<br><br><br></p>
<p>&lt;table id="idTB" border=0&gt;&lt;!--注意id，与JS中的要相对应--&gt;<br>&nbsp; &lt;tr id=idTR&gt;<br>&nbsp;&nbsp;&nbsp; &lt;td&gt;第一行 &lt;input type='button'&gt;&lt;/td&gt;<br>&nbsp; &lt;/tr&gt;<br>&lt;/table&gt;<br>&lt;input type="button" <em>onclick</em>="addRow()" <em>value</em>="添加一行"&gt;&lt;br&gt;<br>&lt;input type="button" <em>onclick</em>="delRow()" <em>value</em>="删除一行"&gt; Row index:&lt;input id="idIndex"&gt;(&lt;a id="idFirst"&gt;1&lt;/a&gt;~&lt;a id="idLast"&gt;1&lt;/a&gt;)<br>&lt;script&gt;<br>function addRow(){//添加表格的一行<br>&nbsp; oTR=idTB.insertRow(idTB.rows.length);<br>&nbsp; tmpNum=oTR.rowIndex;<br>&nbsp; oTD=oTR.insertCell(0);<br>&nbsp; oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上<br>&nbsp; oTD.innerHTML="&lt;input type='text' name='txt"+tmpNum+"'&gt;";//要在该格添加的HTML代码填在这里，因为这里是text，注意不要重名了。<br>&nbsp; idLast.innerText=idTB.rows.length;<br>&nbsp; if(idTB.rows.length&gt;0)<br>&nbsp;&nbsp;&nbsp; idFirst.innerText='1';<br>&nbsp; return true;<br>}<br>function delRow(){//删除表格的一行<br>&nbsp; sIndex=idIndex.<em>value</em>;<br>&nbsp; if(sIndex=='')<br>&nbsp;&nbsp;&nbsp; sIndex=idTB.rows.length-1;<br>&nbsp; else<br>&nbsp;&nbsp;&nbsp; sIndex=parseInt(sIndex)-1;<br>&nbsp;&nbsp;&nbsp; <br>&nbsp;idTB.deleteRow(sIndex);<br>&nbsp; <br>&nbsp; idLast.innerText=idTB.rows.length;<br>&nbsp; if(idTB.rows.length==0)<br>&nbsp;&nbsp;&nbsp; idFirst.innerText='0';<br>}<br>&lt;/script&gt;</p>
<img src ="http://www.blogjava.net/wuxufeng8080/aggbug/129429.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2007-07-10 21:27 <a href="http://www.blogjava.net/wuxufeng8080/articles/129429.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>用javascript操作select </title><link>http://www.blogjava.net/wuxufeng8080/articles/101807.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Mon, 05 Mar 2007 00:30:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/101807.html</guid><description><![CDATA[
		<span style="COLOR: #008080"> 1</span>
		<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
		<span style="COLOR: #000000">1</span>
		<span style="COLOR: #000000"> 检测是否有选中<br /></span>
		<span style="COLOR: #008080"> 2</span>
		<span style="COLOR: #000000">
				<img id="Codehighlighter1_43_52_Open_Image" onclick="this.style.display='none'; Codehighlighter1_43_52_Open_Text.style.display='none'; Codehighlighter1_43_52_Closed_Image.style.display='inline'; Codehighlighter1_43_52_Closed_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align="top" />
				<img id="Codehighlighter1_43_52_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_43_52_Closed_Text.style.display='none'; Codehighlighter1_43_52_Open_Image.style.display='inline'; Codehighlighter1_43_52_Open_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align="top" />
		</span>
		<span style="COLOR: #0000ff">if</span>
		<span style="COLOR: #000000">(objSelect.selectedIndex </span>
		<span style="COLOR: #000000">&gt;</span>
		<span style="COLOR: #000000"> </span>
		<span style="COLOR: #000000">-</span>
		<span style="COLOR: #000000">1</span>
		<span style="COLOR: #000000">) </span>
		<span id="Codehighlighter1_43_52_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
				<img src="http://www.cnblogs.com/Images/dot.gif" />
		</span>
		<span id="Codehighlighter1_43_52_Open_Text">
				<span style="COLOR: #000000">{<br /></span>
				<span style="COLOR: #008080"> 3</span>
				<span style="COLOR: #000000">
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top" />
				</span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">说明选中</span>
				<span style="COLOR: #008000">
						<br />
				</span>
				<span style="COLOR: #008080"> 4</span>
				<span style="COLOR: #008000">
						<img id="Codehighlighter1_59_70_Open_Image" onclick="this.style.display='none'; Codehighlighter1_59_70_Open_Text.style.display='none'; Codehighlighter1_59_70_Closed_Image.style.display='inline'; Codehighlighter1_59_70_Closed_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align="top" />
						<img id="Codehighlighter1_59_70_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_59_70_Closed_Text.style.display='none'; Codehighlighter1_59_70_Open_Image.style.display='inline'; Codehighlighter1_59_70_Open_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align="top" />
				</span>
				<span style="COLOR: #000000">}</span>
		</span>
		<span style="COLOR: #000000"> </span>
		<span style="COLOR: #0000ff">else</span>
		<span style="COLOR: #000000"> </span>
		<span id="Codehighlighter1_59_70_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
				<img src="http://www.cnblogs.com/Images/dot.gif" />
		</span>
		<span id="Codehighlighter1_59_70_Open_Text">
				<span style="COLOR: #000000">{<br /></span>
				<span style="COLOR: #008080"> 5</span>
				<span style="COLOR: #000000">
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top" />
				</span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">说明没有选中</span>
				<span style="COLOR: #008000">
						<br />
				</span>
				<span style="COLOR: #008080"> 6</span>
				<span style="COLOR: #008000">
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />
				</span>
				<span style="COLOR: #000000">}</span>
		</span>
		<span style="COLOR: #000000">
				<br />
		</span>
		<span style="COLOR: #008080"> 7</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				<br />
		</span>
		<span style="COLOR: #008080"> 8</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
		</span>
		<span style="COLOR: #000000">2</span>
		<span style="COLOR: #000000"> 删除被选中的项 <br /></span>
		<span style="COLOR: #008080"> 9</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />objSelect.options[objSelect.selectedIndex] </span>
		<span style="COLOR: #000000">=</span>
		<span style="COLOR: #000000"> </span>
		<span style="COLOR: #0000ff">null</span>
		<span style="COLOR: #000000">;<br /></span>
		<span style="COLOR: #008080">10</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				<br />
		</span>
		<span style="COLOR: #008080">11</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
		</span>
		<span style="COLOR: #000000">3</span>
		<span style="COLOR: #000000"> 增加项<br /></span>
		<span style="COLOR: #008080">12</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />objSelect.options[objSelect.length] </span>
		<span style="COLOR: #000000">=</span>
		<span style="COLOR: #000000"> </span>
		<span style="COLOR: #0000ff">new</span>
		<span style="COLOR: #000000"> Option(</span>
		<span style="COLOR: #000000">"</span>
		<span style="COLOR: #000000">你好</span>
		<span style="COLOR: #000000">"</span>
		<span style="COLOR: #000000">,</span>
		<span style="COLOR: #000000">"</span>
		<span style="COLOR: #000000">hello</span>
		<span style="COLOR: #000000">"</span>
		<span style="COLOR: #000000">);<br /></span>
		<span style="COLOR: #008080">13</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				<br />
		</span>
		<span style="COLOR: #008080">14</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
		</span>
		<span style="COLOR: #000000">4</span>
		<span style="COLOR: #000000"> 修改所选择中的项<br /></span>
		<span style="COLOR: #008080">15</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />objSelect.options[objSelect.selectedIndex] </span>
		<span style="COLOR: #000000">=</span>
		<span style="COLOR: #000000"> </span>
		<span style="COLOR: #0000ff">new</span>
		<span style="COLOR: #000000"> Option(</span>
		<span style="COLOR: #000000">"</span>
		<span style="COLOR: #000000">你好</span>
		<span style="COLOR: #000000">"</span>
		<span style="COLOR: #000000">,</span>
		<span style="COLOR: #000000">"</span>
		<span style="COLOR: #000000">hello</span>
		<span style="COLOR: #000000">"</span>
		<span style="COLOR: #000000">);<br /></span>
		<span style="COLOR: #008080">16</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				<br />
		</span>
		<span style="COLOR: #008080">17</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
		</span>
		<span style="COLOR: #000000">5</span>
		<span style="COLOR: #000000"> 得到所选择项的文本<br /></span>
		<span style="COLOR: #008080">18</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />objSelect.options[objSelect.selectedIndex].text;<br /></span>
		<span style="COLOR: #008080">19</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				<br />
		</span>
		<span style="COLOR: #008080">20</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />6</span>
		<span style="COLOR: #000000"> 得到所选择项的值<br /></span>
		<span style="COLOR: #008080">21</span>
		<span style="COLOR: #000000">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />objSelect.options[objSelect.selectedIndex].value;</span>
		<br />
		<br />
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />
				<span style="COLOR: #000000">&lt;</span>
				<span style="COLOR: #000000">form   name</span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">test</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">&gt;</span>
				<span style="COLOR: #000000">   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />  </span>
				<span style="COLOR: #000000">&lt;</span>
				<span style="COLOR: #000000">select   name</span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">obj</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">&gt;&lt;/</span>
				<span style="COLOR: #000000">select</span>
				<span style="COLOR: #000000">&gt;</span>
				<span style="COLOR: #000000">   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />  </span>
				<span style="COLOR: #000000">&lt;</span>
				<span style="COLOR: #000000">input   type</span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">button</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">   onclick</span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">javascript:itemDelete(document.test.obj);</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">&gt;</span>
				<span style="COLOR: #000000">   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />  </span>
				<span style="COLOR: #000000">&lt;/</span>
				<span style="COLOR: #000000">form</span>
				<span style="COLOR: #000000">&gt;</span>
				<span style="COLOR: #000000">   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />  </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">delete   </span>
				<span style="COLOR: #008000">
						<br />
						<img id="Codehighlighter1_198_398_Open_Image" onclick="this.style.display='none'; Codehighlighter1_198_398_Open_Text.style.display='none'; Codehighlighter1_198_398_Closed_Image.style.display='inline'; Codehighlighter1_198_398_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" />
						<img id="Codehighlighter1_198_398_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_198_398_Closed_Text.style.display='none'; Codehighlighter1_198_398_Open_Image.style.display='inline'; Codehighlighter1_198_398_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" />
				</span>
				<span style="COLOR: #000000">  </span>
				<span style="COLOR: #0000ff">function</span>
				<span style="COLOR: #000000">   itemDelete(obj)</span>
				<span id="Codehighlighter1_198_398_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
						<img src="http://www.blogjava.net/images/dot.gif" />
				</span>
				<span id="Codehighlighter1_198_398_Open_Text">
						<span style="COLOR: #000000">{   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />  </span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000">   lengthObj   </span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   obj.length;   <br /><img id="Codehighlighter1_280_391_Open_Image" onclick="this.style.display='none'; Codehighlighter1_280_391_Open_Text.style.display='none'; Codehighlighter1_280_391_Closed_Image.style.display='inline'; Codehighlighter1_280_391_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_280_391_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_280_391_Closed_Text.style.display='none'; Codehighlighter1_280_391_Open_Image.style.display='inline'; Codehighlighter1_280_391_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />  </span>
						<span style="COLOR: #0000ff">for</span>
						<span style="COLOR: #000000">(i   </span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   </span>
						<span style="COLOR: #000000">0</span>
						<span style="COLOR: #000000">;i   </span>
						<span style="COLOR: #000000">&lt;</span>
						<span style="COLOR: #000000">   lengthObj;i</span>
						<span style="COLOR: #000000">++</span>
						<span style="COLOR: #000000">)</span>
						<span id="Codehighlighter1_280_391_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
								<img src="http://www.blogjava.net/images/dot.gif" />
						</span>
						<span id="Codehighlighter1_280_391_Open_Text">
								<span style="COLOR: #000000">{   <br /><img id="Codehighlighter1_314_384_Open_Image" onclick="this.style.display='none'; Codehighlighter1_314_384_Open_Text.style.display='none'; Codehighlighter1_314_384_Closed_Image.style.display='inline'; Codehighlighter1_314_384_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_314_384_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_314_384_Closed_Text.style.display='none'; Codehighlighter1_314_384_Open_Image.style.display='inline'; Codehighlighter1_314_384_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />  </span>
								<span style="COLOR: #0000ff">if</span>
								<span style="COLOR: #000000">(obj.options[i].selected)</span>
								<span id="Codehighlighter1_314_384_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
										<img src="http://www.blogjava.net/images/dot.gif" />
								</span>
								<span id="Codehighlighter1_314_384_Open_Text">
										<span style="COLOR: #000000">{   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />  obj.remove(i);   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />  lengthObj   </span>
										<span style="COLOR: #000000">=</span>
										<span style="COLOR: #000000">   obj.length;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />  i</span>
										<span style="COLOR: #000000">--</span>
										<span style="COLOR: #000000">;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top" />  }</span>
								</span>
								<span style="COLOR: #000000">   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top" />  }</span>
						</span>
						<span style="COLOR: #000000">   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />  }</span>
				</span>
		</div>
		<br />
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<img id="Codehighlighter1_22_173_Open_Image" onclick="this.style.display='none'; Codehighlighter1_22_173_Open_Text.style.display='none'; Codehighlighter1_22_173_Closed_Image.style.display='inline'; Codehighlighter1_22_173_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" />
				<img id="Codehighlighter1_22_173_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_22_173_Closed_Text.style.display='none'; Codehighlighter1_22_173_Open_Image.style.display='inline'; Codehighlighter1_22_173_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" />
				<span style="COLOR: #0000ff">function</span>
				<span style="COLOR: #000000">   delOption()</span>
				<span id="Codehighlighter1_22_173_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
						<img src="http://www.blogjava.net/images/dot.gif" />
				</span>
				<span id="Codehighlighter1_22_173_Open_Text">
						<span style="COLOR: #000000">{   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      </span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000">   obj   </span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   document.myForm.aa;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      </span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000">   opts</span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   obj.options;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      </span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000">   index   </span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   </span>
						<span style="COLOR: #000000">1</span>
						<span style="COLOR: #000000">;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      opts[index]   </span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   </span>
						<span style="COLOR: #0000ff">null</span>
						<span style="COLOR: #000000">;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />  }</span>
				</span>
				<span style="COLOR: #000000">   <br /><img id="Codehighlighter1_202_402_Open_Image" onclick="this.style.display='none'; Codehighlighter1_202_402_Open_Text.style.display='none'; Codehighlighter1_202_402_Closed_Image.style.display='inline'; Codehighlighter1_202_402_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_202_402_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_202_402_Closed_Text.style.display='none'; Codehighlighter1_202_402_Open_Image.style.display='inline'; Codehighlighter1_202_402_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" />  </span>
				<span style="COLOR: #0000ff">function</span>
				<span style="COLOR: #000000">   addOption()</span>
				<span id="Codehighlighter1_202_402_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
						<img src="http://www.blogjava.net/images/dot.gif" />
				</span>
				<span id="Codehighlighter1_202_402_Open_Text">
						<span style="COLOR: #000000">{   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      </span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000">   obj   </span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   document.myForm.aa;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      </span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000">   opts</span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   obj.options;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      </span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000">   opt   </span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   </span>
						<span style="COLOR: #0000ff">new</span>
						<span style="COLOR: #000000">   Option(</span>
						<span style="COLOR: #000000">"</span>
						<span style="COLOR: #000000">五</span>
						<span style="COLOR: #000000">"</span>
						<span style="COLOR: #000000">,</span>
						<span style="COLOR: #000000">"</span>
						<span style="COLOR: #000000">五</span>
						<span style="COLOR: #000000">"</span>
						<span style="COLOR: #000000">);   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      opts.length</span>
						<span style="COLOR: #000000">++</span>
						<span style="COLOR: #000000">;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />      opts[opts.length</span>
						<span style="COLOR: #000000">-</span>
						<span style="COLOR: #000000">1</span>
						<span style="COLOR: #000000">]   </span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">   opt;   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />  }</span>
				</span>
				<span style="COLOR: #000000">   <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span>
		</div>
<img src ="http://www.blogjava.net/wuxufeng8080/aggbug/101807.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2007-03-05 08:30 <a href="http://www.blogjava.net/wuxufeng8080/articles/101807.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>通过DOM操作XML数据  (ZT)</title><link>http://www.blogjava.net/wuxufeng8080/articles/58164.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Fri, 14 Jul 2006 05:19:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/58164.html</guid><description><![CDATA[通过DOM操作XML数据  <br />www.xyhhxx.com  发布者: seo  时间: 2005-11-26  <br /><br /><br />　１、DOM树    <br />所有类型的XML解析器都要求处理对象是“格式良好”的XML文档，有些还能根据DTD或XML Schema进行有效性验证，DOM（Document Object Model）解析器将XML文档一次性解析，生成一个位于内存中的对象树用以描述该文档。    <br />DOM是一种与平台和语言无关的接口，它允许程序和脚本动态访问和修改文档的内容、结构和类型。它定义了一系列的对象和方法对DOM树的节点进行各种随机操作：    <br />● Document对象：作为树的最高节点，Document对象是对整个文档进行操作的入口。    <br />● Element和Attr对象：这些节点对象都是文档某一部分的映射，节点的定级层次恰好反映了文档的结构。    <br />● Text对象：作为Element和Attr对象的子节点，Text对象表达了元素或属性的文本内容。Text节点不再包含任何子节点。    <br />● 集合索引：DOM提供了几种集合索引方式，可以对节点按指定方式进行遍历。索引参数都是从0开始记数的。    <br />DOM树中的所有节点都是从Node对象继承而来的。Node对象定义了一些最基本的属性和方法，利用这些方法可以实现对树的遍历，同时，根据属性还可以得知节点的名称、取值并判断其类型。    <br />利用DOM，开发人员可以动态地创建XML、遍历文档、增加/删除/修改文档内容。DOM提供的API与编程语言无关，所以对一些DOM标准中没有明确定义的接口，不同解析器的实现方法也可能有所差别。为方便描述，本文的举例均采用MSXML DOM方案并用VB Script编写代码。    <br />２、DOM树的结构    <br />Document对象建立之后，就可以与XML文档或数据岛联系在一起。数据岛的加载方法是将数据岛ID赋给Document对象：    <br />&lt;XML ID=“dsoDetails” src="/blog/“Books.xml"”&gt;&lt;/XML&gt;    <br />Set doc = dsoDetails.XMLDocument    <br />加载文档大体上分为三步：    <br />1．使用CreateObject方法创建分析器实例；    <br />2．设置async属性为False，禁止异步加载，这样当文档加载完毕，控制权才会返回给调用进程，如果想获取文档加载状态，可以读取readyState属性值；    <br />3．使用load方法加载指定文档。    <br />Set doc = CreateObject(“Microsoft.XMLDOM”)    <br />doc.async = False    <br />doc.load “Books.xml”    <br />XML DOM还提供了一种loadXML的方法可以把XML字符串加载到DOM树中，使用时只要把XML字符串直接作为该方法的参数即可。    <br />３、DOM树的访问    <br />在文档加载完毕之后就可以使用documentElement属性访问根元素：    <br />Set rootNode = doc.documentElement    <br />一旦建立了对DOM树中某个节点（例如根节点）的引用，就可以根据节点间的等级关系调用适当的方法进行遍历。    <br />下面以books.xml为例说明各种方法的使用：    <br />&lt;xml id=“dsoBooks”&gt;    <br />&lt;?xml version=“1.0”?&gt;&lt;booklist&gt;&lt;book&gt;    <br />&lt;title&gt;The Gourmet Microwave&lt;/title&gt;    <br />&lt;price&gt;9.95&lt;/price&gt;    <br />&lt;author&gt;Charlotte M. Cooper&lt;/author&gt;    <br />&lt;author&gt;Shelley B. Burke&lt;/author&gt;    <br />&lt;author&gt;Regina P. Murphy&lt;/author&gt;    <br />&lt;/book&gt;&lt;book&gt;    <br />&lt;title&gt;Sushi, Anyone?&lt;/title&gt;    <br />&lt;price&gt;14.99&lt;/price&gt;&lt;/book&gt;&lt;book&gt;    <br />&lt;title&gt;Straight Talk About Computers&lt;/title&gt; &lt;price&gt;19.99&lt;/price&gt;    <br />&lt;author&gt;Lars Peterson&lt;/author&gt;    <br />&lt;/book&gt;&lt;/booklist&gt;&lt;/xml&gt;    <br />建立对第二个&lt;book&gt;元素的引用：    <br />Set theNode =dsoBooks.XMLDocument.documentElement.childNodes(1)    <br />● 根节点：theNode.ownerDocument返回Document节点，指向XML文档本身；    <br />● 兄弟节点：theNode.previousSibling返回第1个&lt;book&gt;元素，theNode.nextSibling返回第3个&lt;book&gt;元素;    <br />● 父节点：theNode.parentNode返回&lt;booklist&gt;元素;    <br />● 子节点：theNode.firstChild返回&lt;title&gt;元素，theNode.lastChild返回&lt;price&gt;元素，theNode.childNodes返回子节点集合，包括Sushi下面的所有元素。节点记数从0开始，即theNode.childNodes(0)的结果与theNode.firstChild的结果是一样的。    <br />获得节点的引用后，就可以读取节点的相关信息：    <br />● 节点类型：theNode.nodeType，本例为1，Document对象类型为9，元素类型为1，属性类型为2；    <br />● 节点名称：theNode.nodeName，本例为book；    <br />● 节点值：theNode.nodevalue，本例为null，对于Attr节点，返回的是属性值，而对于Element节点，返回的是null。    <br />在MSXML中，对Node对象还提供了一些额外的方法和属性：    <br />● nodeTypeString：用字符串的方式显示节点类型，如theNode.nodeTypeString的结果是“element”；    <br />● text: 显示当前节点及其所有子节点的文本内容;    <br />● xml：获取XML文档数据，通常是从根元素开始的所有内容。    <br />４、XML格式的动态转换    <br />通过学习XSL，我们已经能够使用样式单对XML文档进行转换。但这种过程是静态的，即在编写代码时，已经指定了作用在XML上的XSL文件，在程序运行过程中不能再做改变。而利用DOM，我们能够实现XML格式的动态转换，即在程序运行时，将XSL载入并对XML文档进行转换。    <br />把XSL载入DOM对象的步骤基本上与XML文档的载入过程是一样的（XSL本身就是XML文档）：    <br />Set stylesheet = CreateObject(“Microsoft.XMLDOM”)    <br />stylesheet.async = False    <br />stylesheet.load “TransformDetails.xsl”    <br />DOM提供了两个函数进行这种转换，作用对象可以是树中任何节点。这样就可以实现对DOM树的任意的部分进行格式转换。    <br />● transformNodeToObject方法：该方法需要两个参数，第一个参数指向XSL文件，第二个参数存放转换后的XML数据的节点。例如：    <br />Set targetNode = CreateObject(“Microsoft.XMLDOM”)    <br />srcNode.transformNodeToObject stylesheet, targetNode    <br />● transformNode方法：该方法只需要一个参数指明XSL文件。如下例是将源节点转换为一个字符串变量str：    <br />str = srcNode.transformNode(stylesheet)    <br />上面介绍的方法在服务器上一样可以实现，而且更具实际意义：服务器可以根据客户端的不同身份，使用不同的样式单进行转换，同一份XML文档呈现在不同用户面前的形式是不一样的！   <br />-----------------------------------------------------------------  <br /><br /><br />１、DOM解析时的错误    <br />DOM在解析XML文档的时候可能会产生各式各样的错误，可以根据ParseError对象中的属性得知出错的可能原因及相关信息。    <br />常用的属性及其含义如下表所示：    <br />属性 说明    <br />errorCode 错误代码    <br />filepos 错误在文档中的绝对字符位置    <br />line 错误所在行的行号    <br />linepos 错误所在行的字符位置    <br />reason 错误产生原因    <br />srcText 错误所在行的源代码    <br />url 最近一份含有解析错误的XML文档的URL地址    <br />    <br />２、访问DOM树中的元素与属性    <br />DOM还提供了许多查找节点的方法。其中基于搜索机制的方法有：    <br />● 根据标签名称搜索元素；    <br />● 使用XSL模式搜索节点；    <br />● 利用集合索引搜索节点。    <br />以books.xml为例，Document对象中的getElementsByTagName方法就是根据参数中的标签名称在全文范围内查找元素的，返回值是一个NodeList对象：    <br />Set doc = dsoDetails.XMLDocument    <br />Set authors = doc.getElementsByTagName(“author”)    <br />上述查询结果中包含了文档中出现的全部4位作者。如果调用的是Element对象中的getElementsByTagName方法，除了搜索范围缩小为该元素的所有后继节点之外，其他的情况都是一样的。    <br />所有类型的节点都带有selectNodes方法，该方法的唯一参数是XSL的模式规则，返回值是匹配该规则的结果集合。调用这个方法可以利用XSL的模式匹配策略查找节点。例如：    <br />Set rootNode = doc.documentElement    <br />Set cheapbooks = rootNode.selectNodes(“//book[price &lt; 10]”)    <br />这个例子返回所有售价低于10元的&lt;book&gt;元素。另外，节点中的selectSingleNodes方法的用法与selectNodes是一样的，只是返回结果为查找到的满足条件的第一个节点而已。    <br />对于元素节点，获取元素标签名称的方法有两种：anyElement.nodeName和anyElement.tagName。前者是Node对象的属性，后者是Element对象的属性。    <br />如果想获取元素中的文本内容，如: &lt;price&gt;9.95    <br />&lt;/price&gt;时，访问Element对象中的nodevalue属性是错误的，这时返回结果是null，而不是预期的9.95。含有文本内容的元素都包含一个Text类型的子节点，所以只有通过Text对象中的nodevalue属性才能真正访问到文本内容。    <br />添加元素的步骤如下：    <br />● 创建一个Text节点并赋值；    <br />● 创建Element节点；    <br />● 把Text节点挂在Element节点下，作为它的子节点；    <br />● 把Element节点插入到XML文档的合适位置上。    <br />对于元素节点的删除和替换操作，首先都要对操作对象进行定位，然后相应地执行对象节点所属父节点的removeChild方法和replaceChild方法即可。    <br />Attr节点的各种操作在原理上与Element节点相同。Attr对象同样继承了Node对象中的各种方法和属性，并且MSXML中还提供了name属性和value属性，能够更直接地访问到属性信息。另外，还可以通过属性所属元素的相关方法访问属性，如通过getAttribute和setAttribute方法读取属性值或修改属性值，或者用getAttributeNode方法直接返回Attr对象。    <br />创建新属性最直接的办法就是使用Element对象中的setAttribute方法。也可以先用Document对象中的createAttribute方法设置属性值，然后使用Element对象中的setAttributeNode方法把新节点添加到DOM树中。同样地，删除属性最直接的方法是调用Element中的removeAttribute方法。另外一种方案是先用getAttributeNode方法对操作对象进行定位，然后执行removeAttributeNode操作。    <br />从以上的介绍中可以看出，由于节点间的继承关系，以及各种类型节点本身提供的丰富的接口，用户可以很容易地找到一套适合自己需要的对象操作方案。    <br />    <br />３、DOM的显示功能    <br />DOM技术还可以用来显示XML数据。XSL样式单面向的是XML文档的转换，用于显示格式的转换是其应用的一个方面，所以在显示功能上还存在着一些不足：    <br />● 不易完成对XML数据的复杂处理，如将英文字母全部转换为大写，截取指定长度的字符串，忽略一些特定的标点等；    <br />● 不易对XML数据中的数值进行计算；    <br />● 一个XSL通常是静态地作用到一个XML文档上，无法将多个XML文档中的数据用一个XSL合并转换为一个输出结果。    <br />使用DOM就能够很好地解决上述问题，而且编写的脚本在服务器端和客户端都能够执行。在客户端可以根据情况创建友好的用户界面与用户进行交互，在服务器端使用脚本利用DOM可以按客户端的需求将数据进行组织并且发送。    <br />下面的这个例子就是把XML文档转换成HTML中的表格：    <br />Dim outstr    <br />outstr = “&lt;TABLE BORDER=1&gt;”    <br />Set listOrderitem = doc.selectNodes(“//orderitem”)    <br />For Each node In listOrderitem    <br />outstr = outstr &amp; “&lt;TR&gt;” &amp; _    <br />“&lt;TD&gt;” &amp; node.getAttribute(“title”) &amp; _    <br />“&lt;/TD&gt;” &amp; _    <br />“&lt;TD&gt;” &amp; node.getAttribute(“isbn”) &amp; _    <br />“&lt;/TD&gt;&lt;/TR&gt;”    <br />Next    <br />outstr = outstr &amp; “&lt;/TABLE&gt;”    <br />下面的这个例子则是对XML数据进行数值运算，计算书本的平均售价：    <br />totalPrice = 0    <br />Set listPrice = doc.selectNodes(“//price”)    <br />For Each node In listPrice    <br />totalPrice = totalPrice + node.firstChild.nodevalue    <br />Next    <br />avgPrice = totalPrice / listPrice.length    <br />最后的这个例子显示了DOM 把多个XML文档合并转换显示的强大功能：    <br />&lt;XML ID=“dsoOrders” src="/blog/“Orders.xml"”&gt;&lt;/XML&gt;    <br />&lt;XML ID=“dsoCustomers” src="/blog/“Customers.xml"”&gt;&lt;/XML&gt;    <br />Set docOrders = dsoOrders.XMLDocument    <br />Set docCustomers = dsoCustomers.XMLDocument    <br />outstr = “&lt;P&gt;Number of order items: ” &amp; _    <br />docOrders.selectNodes(“//orderitem”).length &amp; _    <br />“&lt;P&gt;Number of customers: ” &amp; _    <br />docCustomers.selectNodes(“//customer”).length  <img src ="http://www.blogjava.net/wuxufeng8080/aggbug/58164.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2006-07-14 13:19 <a href="http://www.blogjava.net/wuxufeng8080/articles/58164.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>给javascript加入include(import)命令（ZT）</title><link>http://www.blogjava.net/wuxufeng8080/articles/58082.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Fri, 14 Jul 2006 00:03:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/58082.html</guid><description><![CDATA[
		<h2 class="post-title">
				<a href="http://www.duduwolf.com/post/javascript_oop_1.asp">
				</a> </h2>
		<div class="post-body">
				<p>大多数语言都有包含其它代码文件的命令，如ASP和c/c++下的Include，java下的import，唯独javascript好像没这功能，为了应付工作，特写了如下这个函数：</p>
				<div class="ps">//******************************************************<br />// 包含文件 用法： $import('../include/mian.js', 'js');<br />//                 $import('../style/style.css', 'css');<br />//******************************************************<br />function $import(path, type){<br /> var i, <br />      base, <br />      src = "common.js", <br />      scripts = document.getElementsByTagName("script"); 
<p> </p><p> for (i = 0; i &lt; scripts.length; i++) {<br />      if (scripts[i].src.match(src)) {<br />          base = scripts[i].src.replace(src, "");<br />          break;<br />      }<br />  }<br /> <br />  if (type == "css") {<br />      document.write("&lt;" + "link href=\"" + base + path + "\" rel=\"stylesheet\" type=\"text/css\"&gt;&lt;/" + "link&gt;");<br />  } else {<br />      document.write("&lt;" + "script src=\"" + base + path + "\"&gt;&lt;/" + "script&gt;");<br />  }<br />}</p></div>
				<p>附带几个类型判断的函数：</p>
				<div class="ps">//******************************************************<br />// 判断类型<br />//******************************************************<br />function isAlien(a) {<br />  return isObject(a) &amp;&amp; typeof a.constructor != 'function';<br />} 
<p> </p><p>function isArray(a) {<br />  return isObject(a) &amp;&amp; a.constructor == Array;<br />}</p><p>function isBoolean(a) {<br />  return typeof a == 'boolean';<br />}</p><p>function isEmpty(o) {<br />  var i, v;<br />  if (isObject(o)) {<br />    for (i in o) {<br />      v = o[i];<br />      if (isUndefined(v) &amp;&amp; isFunction(v)) {<br />        return false;<br />      }<br />    }<br />  }<br />  return true;<br />}</p><p>function isFunction(a) {<br />  return typeof a == 'function';<br />}</p><p>function isNull(a) {<br />  return typeof a == 'object' &amp;&amp; !a;<br />}</p><p>function isNumber(a) {<br />  return typeof a == 'number' &amp;&amp; isFinite(a);<br />}</p><p>function isObject(a) {<br />  return (a &amp;&amp; typeof a == 'object') || isFunction(a);<br />}</p><p>function isString(a) {<br />  return typeof a == 'string';<br />}</p><p>function isUndefined(a) {<br />  return typeof a == 'undefined';<br />}</p></div>
		</div>
<img src ="http://www.blogjava.net/wuxufeng8080/aggbug/58082.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2006-07-14 08:03 <a href="http://www.blogjava.net/wuxufeng8080/articles/58082.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JavaScript invoke SOAP web service</title><link>http://www.blogjava.net/wuxufeng8080/articles/58081.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Thu, 13 Jul 2006 23:56:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/58081.html</guid><description><![CDATA[
		<div class="Content-body" id="logPanel">利用SOAP(简单对象访问协议)调用Web Service<br /><br />脚本库下载以及说明书：<br /><a href="http://www.guru4.net/articoli/javascript-soap-client/en/" target="_blank">http://www.guru4.net/articoli/javascript-soap-client/en/</a><br /><br />12个实例：<br /><a href="http://www.guru4.net/articoli/javascript-soap-client/demo/en.aspx" target="_blank">http://www.guru4.net/articoli/javascript-soap-client/demo/en.aspx</a><br /><br /><br />The Client invokes the SOAPClient.invoke method using a JavaScript function and specifying the following:<br /><br />* Web Service URL (pls note that many browsers do not allow cross-domain calls for security reasons)<br />* Web method name<br />* Web method parameter values<br />* Call mode (async = true, sync = false)<br />* CallBack method invoked upon response reception (optional for sync calls)<br /><br /></div>
<img src ="http://www.blogjava.net/wuxufeng8080/aggbug/58081.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2006-07-14 07:56 <a href="http://www.blogjava.net/wuxufeng8080/articles/58081.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>用javascript操作xml </title><link>http://www.blogjava.net/wuxufeng8080/articles/57943.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Thu, 13 Jul 2006 04:16:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/57943.html</guid><description><![CDATA[
		<p>文中尽量用上所有的操作和属性，以做示范<br /></p>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				<span style="COLOR: #000000">&lt;</span>
				<span style="COLOR: #000000">script language</span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">JavaScript</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">&gt;</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">&lt;!--</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> doc </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> </span>
				<span style="COLOR: #0000ff">new</span>
				<span style="COLOR: #000000"> ActiveXObject(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">Msxml2.DOMDocument</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">); </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">ie5.5+,CreateObject("Microsoft.XMLDOM") </span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">加载文档</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />//</span>
				<span style="COLOR: #008000">doc.load("b.xml");</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">创建文件头</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> p </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.createProcessingInstruction(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">xml</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">,</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">version='1.0'  encoding='gb2312'</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加文件头</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    doc.appendChild(p);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /></span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">用于直接加载时获得根接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />//</span>
				<span style="COLOR: #008000">var root = doc.documentElement;</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">两种方式创建根接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />//</span>
				<span style="COLOR: #008000">    var root = doc.createElement("students");</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> root </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.createNode(</span>
				<span style="COLOR: #000000">1</span>
				<span style="COLOR: #000000">,</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">students</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">,</span>
				<span style="COLOR: #000000">""</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">创建子接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> n </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.createNode(</span>
				<span style="COLOR: #000000">1</span>
				<span style="COLOR: #000000">,</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">ttyp</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">,</span>
				<span style="COLOR: #000000">""</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">指定子接点文本</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">n.text = " this is a test";</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    <br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">创建孙接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> o </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.createElement(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">sex</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        o.text </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> </span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">男</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">;    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">指定其文本</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">创建属性</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> r </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.createAttribute(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">id</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        r.value</span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">test</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">;<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加属性</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        n.setAttributeNode(r);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">创建第二个属性    </span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> r1 </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.createAttribute(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">class</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        r1.value</span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">tt</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">;<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        <br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加属性</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        n.setAttributeNode(r1);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">删除第二个属性</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        n.removeAttribute(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">class</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加孙接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        n.appendChild(o);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加文本接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        n.appendChild(doc.createTextNode(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">this is a text node.</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">));<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加注释</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        n.appendChild(doc.createComment(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">this is a comment\n</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">));<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    <br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加子接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        root.appendChild(n);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    <br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">复制接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> m </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> n.cloneNode(</span>
				<span style="COLOR: #0000ff">true</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        root.appendChild(m);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        <br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">删除接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        root.removeChild(root.childNodes(</span>
				<span style="COLOR: #000000">0</span>
				<span style="COLOR: #000000">));<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">创建数据段</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> c </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.createCDATASection(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">this is a cdata</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        c.text </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> </span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">hi,cdata</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">;<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />        </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加数据段</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">        root.appendChild(c);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    <br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">添加根接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    doc.appendChild(root);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">查找接点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> a </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.getElementsByTagName(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">ttyp</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">var a = doc.selectNodes("//ttyp");</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">显示改接点的属性</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">for</span>
				<span style="COLOR: #000000">(</span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> i</span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> </span>
				<span style="COLOR: #000000">0</span>
				<span style="COLOR: #000000">;i</span>
				<span style="COLOR: #000000">&lt;</span>
				<span style="COLOR: #000000">a.length;i</span>
				<span style="COLOR: #000000">++</span>
				<span style="COLOR: #000000">)<br /><img id="Codehighlighter1_1710_1855_Open_Image" onclick="this.style.display='none'; Codehighlighter1_1710_1855_Open_Text.style.display='none'; Codehighlighter1_1710_1855_Closed_Image.style.display='inline'; Codehighlighter1_1710_1855_Closed_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_1710_1855_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_1710_1855_Closed_Text.style.display='none'; Codehighlighter1_1710_1855_Open_Image.style.display='inline'; Codehighlighter1_1710_1855_Open_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align="top" />    </span>
				<span id="Codehighlighter1_1710_1855_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
						<img src="http://www.cnblogs.com/Images/dot.gif" />
				</span>
				<span id="Codehighlighter1_1710_1855_Open_Text">
						<span style="COLOR: #000000">{<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top" />        alert(a[i].xml);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top" />        </span>
						<span style="COLOR: #0000ff">for</span>
						<span style="COLOR: #000000">(</span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000"> j</span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">0</span>
						<span style="COLOR: #000000">;j</span>
						<span style="COLOR: #000000">&lt;</span>
						<span style="COLOR: #000000">a[i].attributes.length;j</span>
						<span style="COLOR: #000000">++</span>
						<span style="COLOR: #000000">)<br /><img id="Codehighlighter1_1795_1849_Open_Image" onclick="this.style.display='none'; Codehighlighter1_1795_1849_Open_Text.style.display='none'; Codehighlighter1_1795_1849_Closed_Image.style.display='inline'; Codehighlighter1_1795_1849_Closed_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_1795_1849_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_1795_1849_Closed_Text.style.display='none'; Codehighlighter1_1795_1849_Open_Image.style.display='inline'; Codehighlighter1_1795_1849_Open_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif" align="top" />        </span>
						<span id="Codehighlighter1_1795_1849_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
								<img src="http://www.cnblogs.com/Images/dot.gif" />
						</span>
						<span id="Codehighlighter1_1795_1849_Open_Text">
								<span style="COLOR: #000000">{<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top" />            alert(a[i].attributes[j].name);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top" />        }</span>
						</span>
						<span style="COLOR: #000000">
								<br />
								<img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />    }</span>
				</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">修改节点,利用XPATH定位节点</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">var</span>
				<span style="COLOR: #000000"> b </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> doc.selectSingleNode(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">//ttyp/sex</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    b.text </span>
				<span style="COLOR: #000000">=</span>
				<span style="COLOR: #000000"> </span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">女</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">;<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /><br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">alert(doc.xml);</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">XML保存（需要在服务端，客户端用FSO）</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">doc.save();</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    <br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />    </span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">查看根接点XML</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">if</span>
				<span style="COLOR: #000000">(n)<br /><img id="Codehighlighter1_2039_2081_Open_Image" onclick="this.style.display='none'; Codehighlighter1_2039_2081_Open_Text.style.display='none'; Codehighlighter1_2039_2081_Closed_Image.style.display='inline'; Codehighlighter1_2039_2081_Closed_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_2039_2081_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_2039_2081_Closed_Text.style.display='none'; Codehighlighter1_2039_2081_Open_Image.style.display='inline'; Codehighlighter1_2039_2081_Open_Text.style.display='inline';" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align="top" />    </span>
				<span id="Codehighlighter1_2039_2081_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
						<img src="http://www.cnblogs.com/Images/dot.gif" />
				</span>
				<span id="Codehighlighter1_2039_2081_Open_Text">
						<span style="COLOR: #000000">{<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top" />        alert(n.ownerDocument.xml);<br /><img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />    }</span>
				</span>
				<span style="COLOR: #000000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #008000">//</span>
				<span style="COLOR: #008000">--&gt;</span>
				<span style="COLOR: #008000">
						<br />
						<img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" />
				</span>
				<span style="COLOR: #000000">&lt;/</span>
				<span style="COLOR: #000000">script</span>
				<span style="COLOR: #000000">&gt;</span>
		</div>
		<br />
		<strong>javascript读取xml</strong>
		<br />
		<br />&lt;%<br />Response.Write "&lt;?xml version=""1.0"" encoding=""GB2312"" ?&gt;"<br />Response.Write "&lt;Msg&gt;"<br />     Response.Write "&lt;TName&gt;kingapex&lt;/TName&gt;"<br />     Response.Write "&lt;TName&gt;wangfeng&lt;/TName&gt;"<br />     Response.Write "&lt;Name&gt;ddd&lt;/Name&gt;"<br />Response.Write"&lt;/Msg&gt;"<br /><br />%&gt;<br /><br />'==================test.asp=====================<br />&lt;Script Language="Javascript"&gt;<br />function GetXmlData(){<br />var str="";<br />var NewName="";<br /><br />var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");<br />xmlDoc.async="false";<br />xmlDoc.load("xml.asp");<br />     if(xmlDoc.parseError.errorCode != 0)<br />     {<br />           alert("sorry 出现错误,请和管理员联系!");<br />           window.close();<br />           return;<br />     }else<br />        {<br />           var TName = xmlDoc.documentElement.selectNodes("TName");<br />           var Name = xmlDoc.documentElement.selectNodes("Name");<br />           var n = TName.length;<br />      document.write ("Name元素为:"+Name(0).text+"&lt;br&gt;第一个TName员素为:"+TName(0).text+"&lt;br&gt;第二个TName员素为:"+TName(1).text);<br />     }<br />}<br /><br />&lt;/Script&gt;<br />&lt;a href="javascript:GetXmlData();"&gt;look&lt;/a&gt;<img src ="http://www.blogjava.net/wuxufeng8080/aggbug/57943.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2006-07-13 12:16 <a href="http://www.blogjava.net/wuxufeng8080/articles/57943.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>javascript常用到的一些方法(ZT)</title><link>http://www.blogjava.net/wuxufeng8080/articles/57889.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Wed, 12 Jul 2006 23:59:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/57889.html</guid><wfw:comment>http://www.blogjava.net/wuxufeng8080/comments/57889.html</wfw:comment><comments>http://www.blogjava.net/wuxufeng8080/articles/57889.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/wuxufeng8080/comments/commentRss/57889.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wuxufeng8080/services/trackbacks/57889.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: javascript常用到的一些方法																																																																										2006-07-11    chenxh       点击: 0																																																...&nbsp;&nbsp;<a href='http://www.blogjava.net/wuxufeng8080/articles/57889.html'>阅读全文</a><img src ="http://www.blogjava.net/wuxufeng8080/aggbug/57889.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2006-07-13 07:59 <a href="http://www.blogjava.net/wuxufeng8080/articles/57889.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>javascript如何捕捉键盘事件？ (ZT)</title><link>http://www.blogjava.net/wuxufeng8080/articles/57702.html</link><dc:creator>风人园</dc:creator><author>风人园</author><pubDate>Tue, 11 Jul 2006 11:06:00 GMT</pubDate><guid>http://www.blogjava.net/wuxufeng8080/articles/57702.html</guid><description><![CDATA[
		<h2> </h2>
		<div class="postbody">&lt;SCRIPT&gt;<br />function fnTrapKD(){<br />   if(oTrap.checked){<br />      oOutput.innerText+="[trap = " + event.keyCode + "]";<br />      event.returnValue=false;<br />   }<br />   else{<br />      oOutput.innerText+=String.fromCharCode(event.keyCode);<br />   }<br />}</div>
		<div class="postbody">function test()<br />{<br /> if (event.keyCode==13)<br /> {<br />  alert("press enter");<br /> }<br /> <br />}<br />&lt;/SCRIPT&gt;<br />&lt;INPUT TYPE="checkbox" ID="oTrap" checked&gt;显示按键的keyCode&lt;br /&gt;<br />在该输入框按键：&lt;INPUT ID="oExample" TYPE="text" onkeydown="fnTrapKD()"&gt;&lt;br /&gt;<br />&lt;TEXTAREA ID="oOutput" ROWS="10" COLS="50"&gt;<br />&lt;/TEXTAREA&gt;</div>&lt;br /&gt;<br />&lt;INPUT ID="oExample1" TYPE="text" onkeydown="test()"&gt;<br /><br />&lt;SCRIPT&gt;<br />document.write( String.fromCharCode( 81,49 ) + "&lt;br&gt;" );<br />&lt;/SCRIPT&gt;<br /><br />使用event,keyCode来捕获编码，再用String的fromCharCode方法转换成字母（大写） <br />The <tt>fromCharCode</tt>(<tt>num1,num2,</tt><span class="unicode">…</span>, <tt>numN</tt>) method is a static String method that creates a string containing one or more characters whose Unicode values are passed as parameters.<img src ="http://www.blogjava.net/wuxufeng8080/aggbug/57702.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wuxufeng8080/" target="_blank">风人园</a> 2006-07-11 19:06 <a href="http://www.blogjava.net/wuxufeng8080/articles/57702.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>