﻿<?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-@OverWrite BlogJava&lt;br&gt;&lt;hr&gt;&lt;a href='http://vesung.mm9mm.com'&gt;了解更多请访问我的主页www.vesung.cn&lt;/a&gt;-随笔分类-Ajax/html</title><link>http://www.blogjava.net/vesung/category/28849.html</link><description>@author&lt;a href='mailto:vesung@gmail.com'&gt;wangjing&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;a href='http://vesung.mm9mm.com/resume'&gt;&lt;span style='color:#E32202;font-size:23px;'&gt;&lt;b&gt;我的求职简历&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;</description><language>zh-cn</language><lastBuildDate>Tue, 25 Mar 2008 00:26:15 GMT</lastBuildDate><pubDate>Tue, 25 Mar 2008 00:26:15 GMT</pubDate><ttl>60</ttl><item><title>jQeury中获取dom元素的几种方式-$(selector)、$()示例</title><link>http://www.blogjava.net/vesung/archive/2008/03/24/188315.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Mon, 24 Mar 2008 09:53:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/03/24/188315.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/188315.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/03/24/188315.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/188315.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/188315.html</trackback:ping><description><![CDATA[1.$("#idName")<br />
&nbsp;&nbsp;&nbsp;&nbsp;获取元素id为idName的元素&nbsp;<br />
&nbsp;如：html<br />
&lt;a id="myLinck" href="#"&gt;&lt;/a&gt;<br />
$("#myLinck") 会返回&lt;a id="myLinck"&gt;&lt;/a&gt;元素<br />
-----------------------------------<br />
2.$(".className")<br />
&nbsp;&nbsp;&nbsp;&nbsp;获取元素class属性为className的元素集合<br />
如：html<br />
&lt;a class="a1"&nbsp;href="#"&gt;1&lt;/a&gt;<br />
&lt;a class="a1"&nbsp;href="#"&gt;2&lt;/a&gt;<br />
&lt;a class="a2"&nbsp;href="#"&gt;3&lt;/a&gt;<br />
$(".a1")返回[&lt;a class="a1"&nbsp;href="#"&gt;1&lt;/a&gt;,&lt;a class="a1"&nbsp;href="#"&gt;2&lt;/a&gt;]<br />
---------------------------------------<br />
3.$("input[@type='text']")<br />
&nbsp;&nbsp;&nbsp;&nbsp;获取所有type=text的input元素<br />
如：html<br />
&lt;input type='text'/&gt;<br />
&lt;input type='text/&gt;<br />
&lt;input type='checkbox'/&gt;<br />
$("input[@type='text']")返回[&lt;input type='text'/&gt;&lt;input type='text/&gt;]<br />
<img src ="http://www.blogjava.net/vesung/aggbug/188315.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-03-24 17:53 <a href="http://www.blogjava.net/vesung/archive/2008/03/24/188315.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jQuery对象与dom对象的区别</title><link>http://www.blogjava.net/vesung/archive/2008/03/24/188311.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Mon, 24 Mar 2008 09:38:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/03/24/188311.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/188311.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/03/24/188311.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/188311.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/188311.html</trackback:ping><description><![CDATA[<p>普通的dom对象一般可以通过$()转换成jquery对象。<br />
如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。<br />
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。<br />
如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。<br />
以下几种写法都是正确的： <font color="#ffffff">字串8</font> </p>
<p><span class="code">$("#msg").html();<br />
$("#msg")[0].innerHTML;<br />
$("#msg").eq(0)[0].innerHTML;<br />
$("#msg").get(0).innerHTML;</span> </p>
<img src ="http://www.blogjava.net/vesung/aggbug/188311.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-03-24 17:38 <a href="http://www.blogjava.net/vesung/archive/2008/03/24/188311.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Ajax.Request详解-prototype相关</title><link>http://www.blogjava.net/vesung/archive/2008/03/21/187753.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Fri, 21 Mar 2008 09:45:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/03/21/187753.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/187753.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/03/21/187753.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/187753.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/187753.html</trackback:ping><description><![CDATA[<p>为了支持 AJAX 功能。这个包定义了 <tt class="literal">Ajax.Request </tt>类。</p>
<p>假如你有一个应用程序可以通过url <span class="emphasis"><em>http://yoursever/app/get_sales?empID=1234&amp;year=1998</em></span>与服务器通信。它返回下面这样的XML 响应。</p>
<p>&nbsp;</p>
<p>&nbsp;</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 alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #0000ff">&lt;?</span><span style="color: #ff00ff">xml&nbsp;version="1.0"&nbsp;encoding="utf-8"&nbsp;</span><span style="color: #0000ff">?&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">ajax-response</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">response&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="object"</span><span style="color: #ff0000">&nbsp;id</span><span style="color: #0000ff">="productDetails"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">monthly-sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">employee-sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">employee-id</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">1234</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">employee-id</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">year-month</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">1998-01</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">year-month</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">$8,115.36</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">employee-sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">employee-sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">employee-id</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">1234</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">employee-id</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">year-month</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">1998-02</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">year-month</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">$11,147.51</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">employee-sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">monthly-sales</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">response</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">ajax-response</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></div>
<p>&nbsp;</p>
<p>用 <tt class="literal">Ajax.Request</tt>对象和服务器通信并且得到这段XML是非常简单的。下面的例子演示了它是如何完成的。</p>
<p>&nbsp;</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 id="Codehighlighter1_8_547_Open_Image" onclick="this.style.display='none'; Codehighlighter1_8_547_Open_Text.style.display='none'; Codehighlighter1_8_547_Closed_Image.style.display='inline'; Codehighlighter1_8_547_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_8_547_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_8_547_Closed_Text.style.display='none'; Codehighlighter1_8_547_Open_Image.style.display='inline'; Codehighlighter1_8_547_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span><span id="Codehighlighter1_8_547_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_8_547_Open_Text"><span style="color: #000000; background-color: #f5f5f5"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;searchSales()<br />
<img id="Codehighlighter1_40_389_Open_Image" onclick="this.style.display='none'; Codehighlighter1_40_389_Open_Text.style.display='none'; Codehighlighter1_40_389_Closed_Image.style.display='inline'; Codehighlighter1_40_389_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_40_389_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_40_389_Closed_Text.style.display='none'; Codehighlighter1_40_389_Open_Image.style.display='inline'; Codehighlighter1_40_389_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="Codehighlighter1_40_389_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_40_389_Open_Text"><span style="color: #000000; background-color: #f5f5f5">{<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;empID&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;$F('lstEmployees');<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;y&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;$F('lstYears');<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;url&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;'http:</span><span style="color: #008000; background-color: #f5f5f5">//</span><span style="color: #008000; background-color: #f5f5f5">yoursever/app/get_sales';</span><span style="color: #008000; background-color: #f5f5f5"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" /></span><span style="color: #000000; background-color: #f5f5f5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;pars&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;'empID</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">'&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">+</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;empID&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">+</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;'</span><span style="color: #000000; background-color: #f5f5f5">&amp;</span><span style="color: #000000; background-color: #f5f5f5">year</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">'&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">+</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;y;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;myAjax&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">new</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;Ajax.Request(<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url,<br />
<img id="Codehighlighter1_301_359_Open_Image" onclick="this.style.display='none'; Codehighlighter1_301_359_Open_Text.style.display='none'; Codehighlighter1_301_359_Closed_Image.style.display='inline'; Codehighlighter1_301_359_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_301_359_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_301_359_Closed_Text.style.display='none'; Codehighlighter1_301_359_Open_Image.style.display='inline'; Codehighlighter1_301_359_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="Codehighlighter1_301_359_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_301_359_Open_Text"><span style="color: #000000; background-color: #f5f5f5">{method:&nbsp;'get',&nbsp;parameters:&nbsp;pars,&nbsp;onComplete:&nbsp;showResponse}</span></span><span style="color: #000000; background-color: #f5f5f5"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;);<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" /><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;}</span></span><span style="color: #000000; background-color: #f5f5f5"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" /><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">function</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;showResponse(originalRequest)<br />
<img id="Codehighlighter1_439_546_Open_Image" onclick="this.style.display='none'; Codehighlighter1_439_546_Open_Text.style.display='none'; Codehighlighter1_439_546_Closed_Image.style.display='inline'; Codehighlighter1_439_546_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_439_546_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_439_546_Closed_Text.style.display='none'; Codehighlighter1_439_546_Open_Image.style.display='inline'; Codehighlighter1_439_546_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="Codehighlighter1_439_546_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_439_546_Open_Text"><span style="color: #000000; background-color: #f5f5f5">{<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000; background-color: #f5f5f5">//</span><span style="color: #008000; background-color: #f5f5f5">put&nbsp;returned&nbsp;XML&nbsp;in&nbsp;the&nbsp;textarea</span><span style="color: #008000; background-color: #f5f5f5"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" /></span><span style="color: #000000; background-color: #f5f5f5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('result').value&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;originalRequest.responseText;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;}</span></span><span style="color: #000000; background-color: #f5f5f5"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">select&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">="lstEmployees"</span><span style="color: #ff0000">&nbsp;size</span><span style="color: #0000ff">="10"</span><span style="color: #ff0000">&nbsp;onchange</span><span style="color: #0000ff">="searchSales()"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="5"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Buchanan,&nbsp;Steven</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="8"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Callahan,&nbsp;Laura</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="1"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Davolio,&nbsp;Nancy</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">select</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">select&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">="lstYears"</span><span style="color: #ff0000">&nbsp;size</span><span style="color: #0000ff">="3"</span><span style="color: #ff0000">&nbsp;onchange</span><span style="color: #0000ff">="searchSales()"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">selected</span><span style="color: #0000ff">="selected"</span><span style="color: #ff0000">&nbsp;value</span><span style="color: #0000ff">="1996"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">1996</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="1997"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">1997</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">option&nbsp;</span><span style="color: #ff0000">value</span><span style="color: #0000ff">="1998"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">1998</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">option</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">select</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">br</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">textarea&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">=result&nbsp;</span><span style="color: #ff0000">cols</span><span style="color: #0000ff">=60&nbsp;</span><span style="color: #ff0000">rows</span><span style="color: #0000ff">=10&nbsp;</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">textarea</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span></div>
<p><br />
你看到传入 <tt class="literal">Ajax.Request</tt>构造方法的第二个对象了吗？ 参数<tt class="literal">{method: 'get', parameters: pars, onComplete: showResponse}</tt> 表示一个匿名对象的真实写法。他表示你传入的这个对象有一个名为 <tt class="literal">method</tt> 值为 <tt class="literal">'get'的属性，</tt>另一个属性名为 <tt class="literal">parameters</tt> 包含HTTP请求的查询字符串，和一个<tt class="literal">onComplete</tt> 属性/方法包含函数<tt class="literal">showResponse</tt>。</p>
<p>还有一些其它的属性可以在这个对象里面定义和设置，如 <tt class="literal">asynchronous</tt>，可以为<tt class="literal">true</tt> 或 <tt class="literal">false</tt> 来决定AJAX对服务器的调用是否是异步的（默认值是 <tt class="literal">true</tt>）。</p>
<p>这个参数定义AJAX调用的选项。在我们的例子中，在第一个参数通过HTTP GET命令请求那个url，传入了变量 <tt class="literal">pars</tt>包含的查询字符串， <tt class="literal">Ajax.Request </tt>对象在它完成接收响应的时候将调用<tt class="literal">showResponse</tt> 方法。</p>
<p>也许你知道， <tt class="literal">XMLHttpRequest</tt>在HTTP请求期间将报告进度情况。这个进度被描述为四个不同阶段：<span class="emphasis"><em>Loading</em></span>, <span class="emphasis"><em>Loaded</em></span>, <span class="emphasis"><em>Interactive</em></span>, 或 <span class="emphasis"><em>Complete</em></span>。你可以使 <tt class="literal">Ajax.Request</tt> 对象在任何阶段调用自定义方法 ，<span class="emphasis"><em>Complete</em></span> 是最常用的一个。想调用自定义的方法只需要简单的在请求的选项参数中的名为 <tt class="literal">onXXXXX</tt> 属性/方法中提供自定义的方法对象。 就像我们例子中的 <tt class="literal">onComplete</tt> 。你传入的方法将会被用一个参数调用，这个参数是 <tt class="literal">XMLHttpRequest</tt> 对象自己。你将会用这个对象去得到返回的数据并且或许检查包含有在这次调用中的HTTP结果代码的 <tt class="literal">status</tt> 属性。</p>
<p>还有另外两个有用的选项用来处理结果。我们可以在<tt class="literal">onSuccess</tt> 选项处传入一个方法，当AJAX无误的执行完后调用， 相反的，也可以在<tt class="literal">onFailure</tt>选项处传入一个方法，当服务器端出现错误时调用。正如<tt class="literal">onXXXXX</tt> 选项传入的方法一样，这两个在被调用的时候也传入一个带有AJAX请求的<tt class="literal">XMLHttpRequest对象。</tt></p>
<p>我们的例子没有用任何有趣的方式处理这个 XML响应， 我们只是把这段XML放进了一个文本域里面。对这个响应的一个典型的应用很可能就是找到其中的想要的信息，然后更新页面中的某些元素， 或者甚至可能做某些XSLT转换而在页面中产生一些HTML。<br />
完。<br />
摘自：https://compdoc2cn.dev.java.net</p>
<img src ="http://www.blogjava.net/vesung/aggbug/187753.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-03-21 17:45 <a href="http://www.blogjava.net/vesung/archive/2008/03/21/187753.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>带有添加删除行功能的表格（ajax/javascript/js实现）</title><link>http://www.blogjava.net/vesung/archive/2008/02/22/181406.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Fri, 22 Feb 2008 06:45:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/02/22/181406.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/181406.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/02/22/181406.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/181406.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/181406.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 应用jquery，制作一个可以自动添加删除行的表格，演示地址 http://www.vesung.cn/demo/table.html下面是完整的代码:&lt;html&gt;&nbsp;&lt;head&gt;&nbsp;&nbsp;&lt;title&gt;带有添加删除行功能的表格&lt;/title&gt;&nbsp;&nbsp;&lt;script&nbsp;type=...&nbsp;&nbsp;<a href='http://www.blogjava.net/vesung/archive/2008/02/22/181406.html'>阅读全文</a><img src ="http://www.blogjava.net/vesung/aggbug/181406.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-02-22 14:45 <a href="http://www.blogjava.net/vesung/archive/2008/02/22/181406.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jQuery源码分析-构造函数详解</title><link>http://www.blogjava.net/vesung/archive/2008/02/20/180927.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Wed, 20 Feb 2008 10:04:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/02/20/180927.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/180927.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/02/20/180927.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/180927.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/180927.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 在jQuery.js的构造函数中，充分利用了JavsScript语言的动态性——对行参的类型和个数没有的严格要求，以至于一个函数可以实现多种功能需求，也为JavaScript语言的多态性提供了基础，在这个构造函数中，提供了六种不同的调用格式（根据官方API文档），具体如下（$ = jQuery）： <br>　　1、$(String expr)：根据给定的CSS选择符查找匹配的元素，如$("div>p")；<br>　　2、$(Element elem)：将给定的DOM元素对象转换为jQuery对象，如$(document).find("div>p")；<br>　　3、$(Array<Element> elems)：如$(myForm.elements).hide()；<br>　　4、$(Function fn)：是$(document).ready()的简写模式，如：$( function fn(){ ... } )；<br>　　5、$(jQuery obj)：如：var div = $("div");   $(div).find("p")；<br>　　6、$(String &nbsp;&nbsp;<a href='http://www.blogjava.net/vesung/archive/2008/02/20/180927.html'>阅读全文</a><img src ="http://www.blogjava.net/vesung/aggbug/180927.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-02-20 18:04 <a href="http://www.blogjava.net/vesung/archive/2008/02/20/180927.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jQuery js框架简介</title><link>http://www.blogjava.net/vesung/archive/2008/02/20/180864.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Wed, 20 Feb 2008 07:09:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/02/20/180864.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/180864.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/02/20/180864.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/180864.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/180864.html</trackback:ping><description><![CDATA[jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。
<img src ="http://www.blogjava.net/vesung/aggbug/180864.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-02-20 15:09 <a href="http://www.blogjava.net/vesung/archive/2008/02/20/180864.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jQuery源码详解（转）</title><link>http://www.blogjava.net/vesung/archive/2008/02/18/180415.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Mon, 18 Feb 2008 03:46:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/02/18/180415.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/180415.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/02/18/180415.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/180415.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/180415.html</trackback:ping><description><![CDATA[<p>以下转自<a href="http://miokafe.com">http://miokafe.com</a>，介绍了jQuery的部分原理和实现，对理解jQuery有很大帮助.<br />
<br />
jQuery是个出色的javascript库，最近结合它写javascript，看了下源码。</p>
<p>先从整体、全局的看，jQuery的源码几乎都在下面的代码中：</p>
<p>&nbsp;</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 id="Codehighlighter1_11_20_Open_Image" onclick="this.style.display='none'; Codehighlighter1_11_20_Open_Text.style.display='none'; Codehighlighter1_11_20_Closed_Image.style.display='inline'; Codehighlighter1_11_20_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_11_20_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_11_20_Closed_Text.style.display='none'; Codehighlighter1_11_20_Open_Image.style.display='inline'; Codehighlighter1_11_20_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top"  alt="" /><span style="color: #000000">(</span><span style="color: #0000ff">function</span><span style="color: #000000">()</span><span id="Codehighlighter1_11_20_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"  alt="" /></span><span id="Codehighlighter1_11_20_Open_Text"><span style="color: #000000">{<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" /><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" /></span><span style="color: #008000">//</span><span style="color: #008000">&#8230;&#8230;</span><span style="color: #008000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" /></span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top"  alt="" />}</span></span><span style="color: #000000">)();<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span></div>
<p>&nbsp;</p>
<p>第一个括号里面是个匿名函数，第二个括号表示马上执行第一个括号里面的代码。<br />
首先明白，javascript里面是没有命名空间的，要保证你的javascript函数、对象与其他的不冲突，这里用了javascript的一个技巧：你的所有javascript函数、对象都在一个匿名函数里面定义，确保了所定义的函数、对象的有效范围，起到了命名空间的作用。既然作用范围在这个匿名函数中，怎么被别人使用呢?下面看它的下面代码：</p>
<p>&nbsp;</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 id="Codehighlighter1_57_64_Open_Image" onclick="this.style.display='none'; Codehighlighter1_57_64_Open_Text.style.display='none'; Codehighlighter1_57_64_Closed_Image.style.display='inline'; Codehighlighter1_57_64_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_57_64_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_57_64_Closed_Text.style.display='none'; Codehighlighter1_57_64_Open_Image.style.display='inline'; Codehighlighter1_57_64_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top"  alt="" /><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;jQuery&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;window.jQuery&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">function</span><span style="color: #000000">(selector,&nbsp;context)&nbsp;</span><span id="Codehighlighter1_57_64_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"  alt="" /></span><span id="Codehighlighter1_57_64_Open_Text"><span style="color: #000000">{<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" /></span><span style="color: #008000">//</span><span style="color: #008000">&#8230;&#8230;</span><span style="color: #008000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top"  alt="" /></span><span style="color: #000000">}</span></span><span style="color: #000000">;</span></div>
<p>&nbsp;</p>
<p>这里让jQuery库中最重要的对象jQuery成为了window对象的一个属性，这样就可以在其他地方像使用document(document也是window的一个属性)一样使用jQuery了。也许使用过jQuery的朋友惊讶－我没有使用jQuery对象，一直使用$的。没错，那是jQuery的同名对象：</p>
<p>window.$ = jQuery;</p>
<p>现在明白了吧。</p>
<p>&nbsp;</p>
<img src ="http://www.blogjava.net/vesung/aggbug/180415.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-02-18 11:46 <a href="http://www.blogjava.net/vesung/archive/2008/02/18/180415.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Ajax实现双色表格-采用jquery实现</title><link>http://www.blogjava.net/vesung/archive/2008/02/15/180008.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Fri, 15 Feb 2008 01:33:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/02/15/180008.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/180008.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/02/15/180008.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/180008.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/180008.html</trackback:ping><description><![CDATA[<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">html</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">head</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">title</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">Hello,&nbsp;Ajax&nbsp;world!</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">title</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">script&nbsp;</span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text/javascript"</span><span style="color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;src</span><span style="color: #0000ff;">="../js/jquery-1.2.1.pack.js"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">script&nbsp;</span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text/javascript"</span><span style="color: #0000ff;">&gt;</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('document').ready(</span><span style="background-color: #f5f5f5; color: #0000ff;">function</span><span style="background-color: #f5f5f5; color: #000000;">(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('.stripe&nbsp;tr').mouseover(</span><span style="background-color: #f5f5f5; color: #0000ff;">function</span><span style="background-color: #f5f5f5; color: #000000;">(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(</span><span style="background-color: #f5f5f5; color: #0000ff;">this</span><span style="background-color: #f5f5f5; color: #000000;">).addClass('over');<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}).mouseout(</span><span style="background-color: #f5f5f5; color: #0000ff;">function</span><span style="background-color: #f5f5f5; color: #000000;">(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(</span><span style="background-color: #f5f5f5; color: #0000ff;">this</span><span style="background-color: #f5f5f5; color: #000000;">).removeClass('over');<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">.stripe&nbsp;tr:odd</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">).addClass('alt');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #0000ff;">function</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;showV(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert($('email'));<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">style</span><span style="color: #0000ff;">&gt;</span><span style="background-color: #f5f5f5; color: #800000;"><br />
th&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">{</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">#0066FF</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">#FFFFFF</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;line-height</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">20px</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">30px</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
</span><span style="background-color: #f5f5f5; color: #000000;">}</span><span style="background-color: #f5f5f5; color: #800000;">&nbsp;<br />
td&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">{</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">6px&nbsp;11px</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-bottom</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">1px&nbsp;solid&nbsp;#95bce2</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vertical-align</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">top</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">center</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
</span><span style="background-color: #f5f5f5; color: #000000;">}</span><span style="background-color: #f5f5f5; color: #800000;">&nbsp;<br />
td&nbsp;*&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">{</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">6px&nbsp;11px</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
</span><span style="background-color: #f5f5f5; color: #000000;">}</span><span style="background-color: #f5f5f5; color: #800000;">&nbsp;<br />
tr.alt&nbsp;td&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">{</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">#ecf6fc</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;">&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #008000;">/*</span><span style="background-color: #f5f5f5; color: #008000;">这行将给所有的tr加上背景色</span><span style="background-color: #f5f5f5; color: #008000;">*/</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
</span><span style="background-color: #f5f5f5; color: #000000;">}</span><span style="background-color: #f5f5f5; color: #800000;">&nbsp;<br />
tr.over&nbsp;td&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">{</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background</span><span style="background-color: #f5f5f5; color: #000000;">:</span><span style="background-color: #f5f5f5; color: #0000ff;">#bcd4ec</span><span style="background-color: #f5f5f5; color: #000000;">;</span><span style="background-color: #f5f5f5; color: #ff0000;">&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #008000;">/*</span><span style="background-color: #f5f5f5; color: #008000;">这个将是鼠标高亮行的背景色</span><span style="background-color: #f5f5f5; color: #008000;">*/</span><span style="background-color: #f5f5f5; color: #ff0000;"><br />
</span><span style="background-color: #f5f5f5; color: #000000;">}</span><span style="background-color: #f5f5f5; color: #800000;"><br />
&nbsp;<br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">style</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">head</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;<br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">body</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">table&nbsp;</span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="stripe"</span><span style="color: #ff0000;">&nbsp;width</span><span style="color: #0000ff;">="50%"</span><span style="color: #ff0000;">&nbsp;border</span><span style="color: #0000ff;">="0"</span><span style="color: #ff0000;">&nbsp;cellspacing</span><span style="color: #0000ff;">="0"</span><span style="color: #ff0000;">&nbsp;cellpadding</span><span style="color: #0000ff;">="0"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">&nbsp;<br />
</span><span style="color: #008000;">&lt;!--</span><span style="color: #008000;">用class="stripe"来标识需要使用该效果的表格</span><span style="color: #008000;">--&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">thead</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">th</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">姓名</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">th</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">th</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">年龄</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">th</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">th</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">QQ</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">th</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">th</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">Email</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">th</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">thead</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">tbody</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">邓国梁</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">23</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">31540205</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">gl.deng@gmail.com</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">邓国梁</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">24</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">31540205</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">s@sn.hk</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">邓国梁</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">25</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">31540205</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">gl.deng@gmail.com</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">邓国梁</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">26</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">31540205</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">gl.deng@gmail.com</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">邓国梁</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">27</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">31540205</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">gl.deng@gmail.com</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">邓国梁</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">28</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">31540205</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">gl.deng@gmail.com</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">td</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">tbody</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">table</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">body</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">html</span><span style="color: #0000ff;">&gt;<br />
<br />
</span></div>
jquery-1.2.1.pack.js下载地址：http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.1.pack.js&amp;can=2&amp;q=<br />
这个例子相当简单，<br />
<a href="http://wiki.jquery.org.cn/doku.php">了解更多jquery知识请访问这里</a><br />
<img src ="http://www.blogjava.net/vesung/aggbug/180008.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-02-15 09:33 <a href="http://www.blogjava.net/vesung/archive/2008/02/15/180008.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Dojo API略解续</title><link>http://www.blogjava.net/vesung/archive/2008/02/13/179796.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Wed, 13 Feb 2008 09:00:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/02/13/179796.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/179796.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/02/13/179796.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/179796.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/179796.html</trackback:ping><description><![CDATA[dojo.lang.string<br />
<table bordercolor="#666666" cellspacing="0" cellpadding="0" border="1">
    <tbody>
        <tr height="190">
            <td width="210" height="190"><span class="STYLE1">dojo.string.substituteParams </span></td>
            <td width="400">类似C#中的String.Format函数 <br />
            %{name}要保证与传入的对象的名称大小写一致，否则会出异常 <br />
            Usage Example: <br />
            dojo.string.substituteParams("%{0} - %{1} - %{2}", "a", "b", "c"); //will return "a - b - c" <br />
            dojo.string.substituteParams("%{name}: %{value}", {name:"名称",value:"值"}); //will return "名称: 值" </td>
        </tr>
        <tr height="76">
            <td height="76"><span class="STYLE1">dojo.string.capitalize </span></td>
            <td width="400">把每一个单词的首字母大写 <br />
            Usage Example: <br />
            dojo.string.capitalize("show me love"); //will return "Show Me Love"</td>
        </tr>
        <tr height="95">
            <td height="95"><span class="STYLE1">dojo.string.isBlank </span></td>
            <td width="400">判断输入字符串是否为空或全是空白字符，如果传入对象为非字符串则也会返回true <br />
            Usage Example: <br />
            dojo.string.isBlank(" 1 "); //will return false </td>
        </tr>
        <tr height="304">
            <td height="304"><span class="STYLE1">dojo.string.escape </span></td>
            <td width="400">参数1为type，可传值为: xml/html/xhtml, sql, regexp/regex, javas cript/js cript/js, ascii <br />
            将按照所传type对字符串进行编码 <br />
            Usage Example: <br />
            dojo.string.escape("html", "&lt;input type='text' value='' /&gt;"); //will return "&lt;input <br />
            type='text' value='' /&gt;" <br />
            dojo.string.encodeAscii <br />
            dojo.string.escapeXml <br />
            dojo.string.escapeSql <br />
            dojo.string.escapeRegExp <br />
            dojo.string.escapeJavas cript <br />
            dojo.string.escapeString <br />
            这些函数也就是 dojo.string.escape 所调用的，这里无需多说</td>
        </tr>
        <tr height="76">
            <td height="76"><span class="STYLE1">dojo.string.summary</span></td>
            <td width="400">取得输入字符串的缩略版本 <br />
            Usage Example: <br />
            dojo.string.summary("1234567890", 5); //will return "12345..."</td>
        </tr>
        <tr height="114">
            <td height="114"><span class="STYLE1">dojo.string.endsWith </span></td>
            <td width="400">判断输入字符串是否以指定的字符串结尾 <br />
            Usage Example: <br />
            dojo.string.endsWith("abcde", "E"); //will return false <br />
            dojo.string.endsWith("abcde", "E", true); //will return true </td>
        </tr>
        <tr height="76">
            <td height="76"><span class="STYLE1">dojo.string.endsWithAny </span></td>
            <td width="400">判断输入字符串是否以指定的任意字符串结尾 <br />
            Usage Example: <br />
            dojo.string.endsWithAny("abcde", "E", "e"); //will return true </td>
        </tr>
        <tr height="114">
            <td height="114"><span class="STYLE1">dojo.string.startsWith </span></td>
            <td width="400">判断输入字符串是否以指定的字符串开头 <br />
            Usage Example: <br />
            dojo.string.startsWith("abcde", "A"); //will return false <br />
            dojo.string.startsWith("abcde", "A", true); //will return true </td>
        </tr>
        <tr height="76">
            <td height="76"><span class="STYLE1">dojo.string.startsWithAny </span></td>
            <td width="400">判断输入字符串是否以指定的任意字符串开头 <br />
            Usage Example: <br />
            dojo.string.startsWithAny("abcde", "A", "a"); //will return true </td>
        </tr>
        <tr height="76">
            <td height="76"><span class="STYLE1">dojo.string.has </span></td>
            <td width="400">判断输入字符串是否含有任意指定的字符串 <br />
            Usage Example: <br />
            dojo.string.has("abcde", "1", "23", "abc"); //will return true</td>
        </tr>
        <tr height="76">
            <td height="76"><span class="STYLE1">dojo.string.normalizeNewlines </span></td>
            <td width="400">按要求转换回车换行的格式 <br />
            Usage Example: <br />
            dojo.string.normalizeNewlines("a\r\nb\r\n", "\r"); //will return "a\rb\r"</td>
        </tr>
        <tr height="76">
            <td height="76"><span class="STYLE1">dojo.string.splitEscaped </span></td>
            <td width="400">将字符串按分隔符转换为数组 <br />
            Usage Example: <br />
            dojo.string.splitEscaped("a\\_b_c", '_'); //will return ["a\\_b", "c"]</td>
        </tr>
    </tbody>
</table>
<br />
模块：dojo.lang.func <br />
<table bordercolor="#666666" cellspacing="0" cellpadding="0" border="1">
    <colgroup>
    <col width="161">
    <col width="423">
    <tbody>
        <tr height="115">
            <td width="161" height="115">dojo.lang.hitch </td>
            <td width="423">将指定的方法挂在指定的对象下并返回该方法 <br />
            Usage Example: <br />
            func = {test: function(s) {alert(s)}}; <br />
            dojo.lang.mixin(func, {demo: dojo.lang.hitch(func, "test")}); <br />
            func.demo("demo and test are same method"); </td>
        </tr>
        <tr height="95">
            <td height="95">dojo.lang.forward </td>
            <td width="423">返回自身对象的指定名称的方法引用 <br />
            Usage Example: <br />
            func = {test: function(s) {alert(s)}, demo: dojo.lang.forward("test")}; <br />
            func.demo("demo and test are same method"); </td>
        </tr>
        <tr height="266">
            <td height="266">dojo.lang.curry</td>
            <td width="423">What is curry? 请参阅这篇文章：http://www.svendtofte.com/code/curried_javas cript/ <br />
            Usage Example: <br />
            function add(a, b) <br />
            { <br />
            return a + b; <br />
            } <br />
            dojo.lang.curry(null, add, 2, 3); //will return 5 <br />
            dojo.lang.curry(null, add, 2)(3); //will return 5<br />
            <br />
            dojo.lang.curry(null, add)(2)(3); //will return 5 <br />
            dojo.lang.curry(null, add)()(2)(3); //will return 5<br />
            </td>
        </tr>
        <tr height="152">
            <td height="152">dojo.lang.curryArguments</td>
            <td width="423">与dojo.lang.curry类似，但是可以选择忽略掉前n个参数 <br />
            Usage Example: <br />
            function add(a, b) <br />
            { <br />
            return a + b; <br />
            } <br />
            dojo.lang.curryArguments(null, add, [1,2,3,4,5], 2); //will return 7 (= 3 + 4)</td>
        </tr>
    </tbody>
</table>
<br />
<p>处理数组相关api</p>
<table bordercolor="#999999" cellspacing="0" cellpadding="0" border="1">
    <colgroup>
    <col width="177">
    <col width="591">
    <tbody>
        <tr height="76">
            <td width="177" height="76">dojo.lang.has </td>
            <td width="591">判断对象是否具有指定属性，不过这个方法有用吗，不如直接使用 if(name in obj) <br />
            Usage Example: <br />
            dojo.lang.has(dojo.lang, "has"); //will return true</td>
        </tr>
        <tr height="76">
            <td height="76">dojo.lang.isEmpty </td>
            <td width="591">判断对象或数组是否为空 <br />
            Usage Example: <br />
            dojo.lang.isEmpty({a: 1}); //will return false <br />
            dojo.lang.isEmpty([]); //will return true </td>
        </tr>
        <tr height="76">
            <td height="76">dojo.lang.map</td>
            <td width="591">调用指定的方法处理指定的数组或字符串 <br />
            Usage Example: <br />
            dojo.lang.map([1,2,3,4,5], function(x) { return x * x;}); //will return [1,4,9,16,25]</td>
        </tr>
        <tr height="57">
            <td height="57">dojo.lang.forEach </td>
            <td width="591">遍历指定的数组或字符串，并对其中的元素调用指定的方法 <br />
            Usage Example: <br />
            dojo.lang.forEach("abc", function(x) { alert(x); }); </td>
        </tr>
        <tr height="76">
            <td height="76">dojo.lang.every </td>
            <td width="591">检查指定的数组是否全部满足指定方法的条件 <br />
            Usage Example: <br />
            dojo.lang.every([1,-2,3], function(x) { return x &gt; 0; }); //指定的数组不是全大于0的，因此返回false</td>
        </tr>
        <tr height="76">
            <td height="76">dojo.lang.some </td>
            <td width="591">检查指定的数组是否部分满足指定方法的条件 <br />
            Usage Example: <br />
            dojo.lang.some([1,-2,3], function(x) { return x &gt; 0; }); //指定的数组有大于0的元素，因此返回true</td>
        </tr>
        <tr height="76">
            <td height="76">dojo.lang.filter</td>
            <td width="591">根据指定的方法来过滤指定的数组 <br />
            Usage Example: <br />
            dojo.lang.filter([1,-2,3], function(x) { return x &gt; 0; }); //will return [1, 3]</td>
        </tr>
        <tr height="76">
            <td height="76">dojo.lang.unnest </td>
            <td width="591">把指定的参数或数组转换为一维数组 <br />
            Usage Example: <br />
            dojo.lang.unnest(1, 2, 3); //will return [1, 2, 3] <br />
            dojo.lang.unnest(1, [2, [3], [[[4]]]]); //will return [1, 2, 3, 4]</td>
        </tr>
        <tr height="133">
            <td height="133">dojo.lang.toArray </td>
            <td width="591">将输入转换为数组 <br />
            Usage Example: <br />
            function test() <br />
            { <br />
            return dojo.lang.toArray(arguments, 1); <br />
            } <br />
            test(1,2,3,4,5); //will return [2,3,4,5]</td>
        </tr>
    </tbody>
</table>
<img src ="http://www.blogjava.net/vesung/aggbug/179796.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-02-13 17:00 <a href="http://www.blogjava.net/vesung/archive/2008/02/13/179796.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Dojo入门教程之dojo.io.bind详解</title><link>http://www.blogjava.net/vesung/archive/2008/01/31/178708.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Thu, 31 Jan 2008 08:52:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/01/31/178708.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/178708.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/01/31/178708.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/178708.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/178708.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: dojo.io.bind ：处理请求取回需要的数据并处理。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这个函数是AJAX中最为重要和有用的函数，dojo.io.bind这个类是用来处理客户端与服务器间通讯的，需要通讯的参数由对象dojo.io.Request所定义，具体通讯的方法则由另外一个对象Transport所提供。Dojo里提供了一个同...&nbsp;&nbsp;<a href='http://www.blogjava.net/vesung/archive/2008/01/31/178708.html'>阅读全文</a><img src ="http://www.blogjava.net/vesung/aggbug/178708.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-01-31 16:52 <a href="http://www.blogjava.net/vesung/archive/2008/01/31/178708.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Dojo入门教程 Dojo Quick Start</title><link>http://www.blogjava.net/vesung/archive/2008/01/28/178197.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Mon, 28 Jan 2008 07:43:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/01/28/178197.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/178197.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/01/28/178197.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/178197.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/178197.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 2006年初，dojo还是0.22的时候就很关注它的发展，可一直没有在实际项目中使用。一来是由于文档的缺少，而来是dojo的相关介绍总是让人望而生畏。到现在都如此，第一个hello world就搞了一大堆东西，比如widget组件，自定义的script标签等，加上要引入什么css文件，djConfig、dojo.require等等，让人很迷惑，这么复杂，到底dojo该怎么使用呢？我只是想把dojo当作一个普通的js类库，就像prototype那样？OK，闲话少说，来看看如何使用dojo。 <br><br>第一步，引入dojo.js <br>dojo的发行包里有4个子目录，要引入的文件是名叫"dojo"的子目录里的dojo.js。 <br>假设你是这样的目录结构: <br>&nbsp;&nbsp;<a href='http://www.blogjava.net/vesung/archive/2008/01/28/178197.html'>阅读全文</a><img src ="http://www.blogjava.net/vesung/aggbug/178197.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-01-28 15:43 <a href="http://www.blogjava.net/vesung/archive/2008/01/28/178197.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Dojo API略解---Dojo各包功能说明</title><link>http://www.blogjava.net/vesung/archive/2008/01/28/178134.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Mon, 28 Jan 2008 02:29:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/01/28/178134.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/178134.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/01/28/178134.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/178134.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/178134.html</trackback:ping><description><![CDATA[<span style="font-size: 12pt; font-family: 新宋体"><strong>
<table id="1" style="border-right: #ffffff 1px; padding-right: 1px; border-top: #ffffff 1px; padding-left: 1px; padding-bottom: 1px; margin: 1px; border-left: #ffffff 1px; padding-top: 1px; border-bottom: #ffffff 1px; border-collapse: collapse; background-color: #999999" bordercolor="#ffffff" cellspacing="1" cellpadding="1" rules="all" width="500" bgcolor="#666699" border="1">
    <tbody>
        <tr>
            <td>dojo.collections</td>
            <td>很有用的集合数据结构（List、Query、Set、Stack、Dictionary...） </td>
        </tr>
        <tr>
            <td>dojo.crypto</td>
            <td>实现加密功能的API（Blowfish、MD5、Rijndael、SHA...） </td>
        </tr>
        <tr>
            <td>dojo.date</td>
            <td>无须编写丑陋的代码来解析日期格式。 </td>
        </tr>
        <tr>
            <td>dojo.dnd</td>
            <td>拖放功能的辅助API。</td>
        </tr>
        <tr>
            <td>dojo.event</td>
            <td>事件驱动的API，支持AOP开发，以及主题/队列的功能。</td>
        </tr>
        <tr>
            <td>dojo.lfx</td>
            <td>HTML和SVG效果库。</td>
        </tr>
        <tr>
            <td>dojo.animation</td>
            <td>基于Dan Pupius在动画方面的工作（http://pupius.co.uk/js/Toolkit.Drawing.js）的动画package（不再支持，应首选dojo.lfx） </td>
        </tr>
        <tr>
            <td>dojo.fx</td>
            <td>不再支持，应首选dojo.lfx </td>
        </tr>
        <tr>
            <td>dojo.io</td>
            <td>不同的IO管道。cookie、IFrame、发布/订阅功能等等。所有神奇的Ajax工作都在这里完成。 </td>
        </tr>
        <tr>
            <td>dojo.lang</td>
            <td>对于整个JavaScript环境进行增强的功能。包括你所希望拥有的很多特征，例如mixin、基于闭包（closure）的函数，以及大量的其他功能。 </td>
        </tr>
        <tr>
            <td>dojo.logging</td>
            <td>提供日志功能的框架 </td>
        </tr>
        <tr>
            <td>dojo.math</td>
            <td>数学函数（曲线、点、矩阵）</td>
        </tr>
        <tr>
            <td>dojo.reflect</td>
            <td>提供反射功能的函数库 </td>
        </tr>
        <tr>
            <td>dojo.rpc</td>
            <td>与后端服务（例如理解JSON语法的Web服务）进行通信</td>
        </tr>
        <tr>
            <td>dojo.storage</td>
            <td>将数据保存在本地存储中（例如，在浏览器中利用Flash的本地存储来实现） </td>
        </tr>
        <tr>
            <td>dojo.string</td>
            <td>现在你可以对字符串进行如下的处理，修整、转换为大写、编码、esacpe、填充（pad）等等。 </td>
        </tr>
        <tr>
            <td>dojo.undo</td>
            <td>用来撤销用户操作的栈管理器</td>
        </tr>
        <tr>
            <td>dojo.uri</td>
            <td>处理URI的函数库 </td>
        </tr>
        <tr>
            <td>dojo.widget</td>
            <td>一个widget框架，允许你建造可重用的HTML/JavaScript widget，可以与简单的HTML标记共同使用（例如，&lt;div class=&#8221;dojo-MyWidgetType&#8221;&gt;）。支持基于标记的应用开发（例如：XAML、XUL） </td>
        </tr>
        <tr>
            <td>dojo.xml、dojo.dom</td>
            <td>帮助你处理DOM的辅助函数，以及其他的XML辅助函数。</td>
        </tr>
        <tr>
            <td>dojo.style</td>
            <td>CSS功能，例如访问style的大小、与浏览器的盒模型配合工作，以及更多的功能。 </td>
        </tr>
    </tbody>
</table>
<br />
</strong></span>
<img src ="http://www.blogjava.net/vesung/aggbug/178134.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-01-28 10:29 <a href="http://www.blogjava.net/vesung/archive/2008/01/28/178134.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>WebWork2.2+DOJO(续)</title><link>http://www.blogjava.net/vesung/archive/2008/01/16/175525.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Wed, 16 Jan 2008 00:46:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/01/16/175525.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/175525.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/01/16/175525.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/175525.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/175525.html</trackback:ping><description><![CDATA[<h5>Remote Div Tag <br />
</h5>
<p>wiki上的文档翻译: <br />
Remote DIV 标签和普通的Html的DIV标签工作方式是一样的,但是它可以通过标签内指定的一个网址来装载它的内容.<br />
<strong>属性</strong></p>
<table style="border-right: #333333; padding-right: 1px; border-top: #333333; padding-left: 1px; padding-bottom: 1px; border-left: #333333; padding-top: 1px; border-bottom: #333333" bordercolor="#333333" cellspacing="0" cellpadding="1" rules="all" width="500" border="1">
    <tbody>
        <tr>
            <td>名称</td>
            <td>描述</td>
        </tr>
        <tr>
            <td>id (必有):</td>
            <td>DIV的ID </td>
        </tr>
        <tr>
            <td>href (必有): </td>
            <td>用来获取内容的网址</td>
        </tr>
        <tr>
            <td>delay: </td>
            <td>第一次装载内容需要延迟多长时间 (毫秒) </td>
        </tr>
        <tr>
            <td>updateFreq: </td>
            <td>多长时间重新取一次内容 (毫秒)</td>
        </tr>
        <tr>
            <td>loadingText:</td>
            <td>装载内容中对用户显示的文字 (特别是取内容的时候要花费很长的时间 </td>
        </tr>
        <tr>
            <td>errorText: </td>
            <td>如果取内容时发生了错误,向用户显示的提示</td>
        </tr>
        <tr>
            <td>showErrorTransportText: true/false </td>
            <td>当获取内容有问题的时候,是否把错误信息当作内容显示</td>
        </tr>
        <tr>
            <td>listenTopics: </td>
            <td>监听的Topic名称(多个逗号分割), 将会导致此DIV重新获取内容</td>
        </tr>
        <tr>
            <td>afterLoading: </td>
            <td>获取内容后要执行的Javascript代码</td>
        </tr>
    </tbody>
</table>
<br />
<strong>其他功能</strong> <br />
使用javascript代码我们还可以刷新内容,停止或者开始刷新组件.例如一个id是"remotediv1"的div组件: <br />
开始刷新的javascript代码: remotediv1.start(); <br />
停止刷新的javascript代码remotediv1.stop(); <br />
刷新内容的javascript代码:remotediv1.bind(); <br />
Remote DIV标签<strong>最值得关注的特性</strong>: <br />
可以自己重新装载自己的内容<br />
可以监听Topic,也就是别的动作可以引发更新内容的行为 <br />
JavaScript代码可以控制它的行为<br />
来看Remote Div标签的最简单的一个例子example1.jsp: <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"><span style="color: #008080">&nbsp;1</span>&nbsp;<span style="color: #000000; background-color: #ffff00">&lt;%</span><span style="color: #000000; background-color: #f5f5f5">@&nbsp;page&nbsp;contentType</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">text/html;charset=UTF-8</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;language</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">java</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #000000; background-color: #ffff00">%&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;2</span>&nbsp;<span style="color: #000000; background-color: #ffff00">&lt;%</span><span style="color: #000000; background-color: #f5f5f5">@&nbsp;taglib&nbsp;prefix</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">ww</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;uri</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">/webwork</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #000000; background-color: #ffff00">%&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;3</span>&nbsp;<span style="color: #0000ff">&lt;</span><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;4</span>&nbsp;<span style="color: #0000ff">&lt;</span><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;5</span>&nbsp;<span style="color: #0000ff">&lt;</span><span style="color: #800000">title</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Ajax&nbsp;Examples</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">title</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;6</span>&nbsp;<span style="color: #0000ff">&lt;</span><span style="color: #800000">jsp:include&nbsp;</span><span style="color: #ff0000">page</span><span style="color: #0000ff">="../commonInclude.jsp"</span><span style="color: #0000ff">/&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;7</span>&nbsp;<span style="color: #0000ff">&lt;/</span><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;8</span>&nbsp;<span style="color: #0000ff">&lt;</span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;9</span>&nbsp;<span style="color: #0000ff">&lt;</span><span style="color: #800000">ww:div&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">="once"</span><span style="color: #ff0000">&nbsp;theme</span><span style="color: #0000ff">="ajax"</span><span style="color: #ff0000">&nbsp;cssStyle</span><span style="color: #0000ff">="border:&nbsp;1px&nbsp;solid&nbsp;yellow;"</span><span style="color: #ff0000">&nbsp;<br />
</span><span style="color: #008080">10</span>&nbsp;<span style="color: #ff0000">href</span><span style="color: #0000ff">="/AjaxTest.action"</span><span style="color: #ff0000">&nbsp;delay</span><span style="color: #0000ff">="5000"</span><span style="color: #ff0000">&nbsp;loadingText</span><span style="color: #0000ff">="loading<img alt="" src="http://www.blogjava.net/Images/dot.gif" />"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Initial&nbsp;Content</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">ww:div</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">11</span>&nbsp;<span style="color: #0000ff">&lt;/</span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">12</span>&nbsp;</div>
这个文件,内容非常简单,使用了一个ww:div标签,设置了一个id,使用的是ajax这个模板(如果你想定义自己的模板,请务必参考ajax模板的编写方法),设置读取内容的url为"/AjaxTest.action",设置延迟5000毫秒后读取内容,装载内容时显示的文本设置为"loading...",div显示时的初始内容时"Initial Content". <br />
<br />
很简单,在打开网页5秒后,标签会自动去访问"/AjaxTest.action",并把获取的内容设置为Div的内容. <br />
<br />
再来看一个<strong>定时自动刷新</strong>的例子: <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"  alt="" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">ww:div&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">="twoseconds"</span><span style="color: #ff0000">&nbsp;cssStyle</span><span style="color: #0000ff">="border:&nbsp;1px&nbsp;solid&nbsp;yellow;"</span><span style="color: #ff0000">&nbsp;href</span><span style="color: #0000ff">="/AjaxTest.action"</span><span style="color: #ff0000">&nbsp;<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" />theme</span><span style="color: #0000ff">="ajax"</span><span style="color: #ff0000">&nbsp;delay</span><span style="color: #0000ff">="2000"</span><span style="color: #ff0000">&nbsp;updateFreq</span><span style="color: #0000ff">="3000"</span><span style="color: #ff0000">&nbsp;errorText</span><span style="color: #0000ff">="There&nbsp;was&nbsp;an&nbsp;error"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Initial&nbsp;Content</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">ww:div</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;</span></div>
<br />
这个标签产生的结果每3秒钟刷新一次DIV的内容,和上面的差不多,只是多了一个<strong>updateFreq</strong>设置. <br />
<br />
此标签还有一个<strong>afterLoading</strong>属性,使用方法如下: <br />
&lt;ww:div ...... afterLoading='alert("done")'&gt;Initial Content&lt;/ww:div&gt;<br />
&lt;ww:div ...... afterLoading="alert(\"done\")"&gt;Initial Content&lt;/ww:div&gt; <br />
<br />
<img src ="http://www.blogjava.net/vesung/aggbug/175525.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-01-16 08:46 <a href="http://www.blogjava.net/vesung/archive/2008/01/16/175525.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>WebWork2.2+DOJO</title><link>http://www.blogjava.net/vesung/archive/2008/01/15/175518.html</link><dc:creator>wangjing</dc:creator><author>wangjing</author><pubDate>Tue, 15 Jan 2008 10:03:00 GMT</pubDate><guid>http://www.blogjava.net/vesung/archive/2008/01/15/175518.html</guid><wfw:comment>http://www.blogjava.net/vesung/comments/175518.html</wfw:comment><comments>http://www.blogjava.net/vesung/archive/2008/01/15/175518.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/vesung/comments/commentRss/175518.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/vesung/services/trackbacks/175518.html</trackback:ping><description><![CDATA[在WebWork2.2中,引入了Dojo ( http://dojotoolkit.org ) 和DWR ( http://getahead.ltd.uk/dwr/ ) 两个新的类库来支持AJAX功能.<br />
其中主要增加的特性包括: <br />
1.<strong>Remote Div Tag</strong> -- 远程区域块标签,通过异步调用获取内容,来动态更新Div.可以循环更新. <br />
2.<strong>Remote A Tag </strong>--远程链接标签,点击链接时进行一个远程异步调用,可以动态更新Div的内容. <br />
3.<strong>Tabbed Panelds</strong> --选项卡页面,和普通程序中的选项卡一样,可以有多个选项页面,每个页面的内容都可以设置(本地或者从远程获取),点击一个选项页,切换页面. <br />
4.<strong>Remote Form</strong> --远程表单,也就是提交但不刷新的表单,点击提交按钮,页面不刷新,通过远程异步调用,更新目标区域的内容. <br />
5.<strong>Form Validation</strong> --表单校验,在表单中的每个控件输入数据都可以进行即时的校验,主要使用的是DWR.<br />
<br />
<h4>先了解一下Dojo的工作原理:</h4>
清除缓存的代码: <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"><span style="color: #008080">1</span>&nbsp;<span style="color: #000000">response.setHeader(</span><span style="color: #000000">"</span><span style="color: #000000">Pragma</span><span style="color: #000000">"</span><span style="color: #000000">,&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">no-cache</span><span style="color: #000000">"</span><span style="color: #000000">);&nbsp;<br />
</span><span style="color: #008080">2</span>&nbsp;<span style="color: #000000">response.setHeader(</span><span style="color: #000000">"</span><span style="color: #000000">Cache-Control</span><span style="color: #000000">"</span><span style="color: #000000">,&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">no-cache</span><span style="color: #000000">"</span><span style="color: #000000">);&nbsp;<br />
</span><span style="color: #008080">3</span>&nbsp;<span style="color: #000000">response.setDateHeader(</span><span style="color: #000000">"</span><span style="color: #000000">Expires</span><span style="color: #000000">"</span><span style="color: #000000">,&nbsp;</span><span style="color: #000000">0</span><span style="color: #000000">);&nbsp;</span></div>
或者用html的meta来试试,不过那就包含在内容里了.<br />
为了使用WebWork的AJAX组件,我们需要在页面里面根据Dojo的做法包含一些代码,例如ajax例子里面的<strong>commonInclude.jsp</strong>文件:<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"><span style="color: #008080">&nbsp;1</span>&nbsp;<span style="color: #000000; background-color: #ffff00">&lt;%</span><span style="color: #000000; background-color: #f5f5f5">@&nbsp;taglib&nbsp;prefix</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">ww</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;uri</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">/webwork</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #000000; background-color: #ffff00">%&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;2</span>&nbsp;<span style="color: #008000">&lt;!--</span><span style="color: #008000">//&nbsp;START&nbsp;SNIPPET:&nbsp;common-include</span><span style="color: #008000">--&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">&nbsp;3</span>&nbsp;<span style="color: #0000ff">&lt;</span><span style="color: #800000">script&nbsp;</span><span style="color: #ff0000">language</span><span style="color: #0000ff">="JavaScript"</span><span style="color: #ff0000">&nbsp;type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;<br />
</span><span style="color: #008080">&nbsp;4</span>&nbsp;<span style="color: #008000; background-color: #f5f5f5">//</span><span style="color: #008000; background-color: #f5f5f5">&nbsp;Dojo&nbsp;configuration&nbsp;</span><span style="color: #008000; background-color: #f5f5f5"><br />
</span><span style="color: #008080">&nbsp;5</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">djConfig&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;{&nbsp;<br />
</span><span style="color: #008080">&nbsp;6</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">baseRelativePath:&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&lt;ww:url&nbsp;includeParams=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">none</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;value=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">/</span><span style="color: #000000; background-color: #f5f5f5">webwork</span><span style="color: #000000; background-color: #f5f5f5">/</span><span style="color: #000000; background-color: #f5f5f5">dojo</span><span style="color: #000000; background-color: #f5f5f5">/</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">/&gt;</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">,&nbsp;<br />
</span><span style="color: #008080">&nbsp;7</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">isDebug:&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">false</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;<br />
</span><span style="color: #008080">&nbsp;8</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">};&nbsp;<br />
</span><span style="color: #008080">&nbsp;9</span>&nbsp;<span style="color: #0000ff">&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">10</span>&nbsp;<span style="color: #000000"><br />
</span><span style="color: #008080">11</span>&nbsp;<span style="color: #0000ff">&lt;</span><span style="color: #800000">script&nbsp;</span><span style="color: #ff0000">language</span><span style="color: #0000ff">="JavaScript"</span><span style="color: #ff0000">&nbsp;type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #ff0000">&nbsp;<br />
</span><span style="color: #008080">12</span>&nbsp;<span style="color: #ff0000">src</span><span style="color: #0000ff">="&lt;ww:url&nbsp;includeParams="</span><span style="color: #ff0000">none"&nbsp;value</span><span style="color: #0000ff">="/webwork/dojo/dojo.js"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&gt;&lt;/script&gt;&nbsp;<br />
</span><span style="color: #008080">13</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">&lt;script&nbsp;language=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">JavaScript</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;type=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">text</span><span style="color: #000000; background-color: #f5f5f5">/</span><span style="color: #000000; background-color: #f5f5f5">javascript</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;<br />
</span><span style="color: #008080">14</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">src=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&lt;</span><span style="color: #000000; background-color: #f5f5f5">ww:url&nbsp;includeParams</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">none</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;value</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">/webwork/CommonFunctions.js</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">/&gt;</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&gt;&lt;/script&gt;&nbsp;<br />
</span><span style="color: #008080">15</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5"><br />
</span><span style="color: #008080">16</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">&lt;script&nbsp;language=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">JavaScript</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;type=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">text</span><span style="color: #000000; background-color: #f5f5f5">/</span><span style="color: #000000; background-color: #f5f5f5">javascript</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&gt;&nbsp;<br />
</span><span style="color: #008080">17</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">dojo.require(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">dojo.io.BrowserIO</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">);&nbsp;<br />
</span><span style="color: #008080">18</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">dojo.require(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">dojo.event.topic</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">);&nbsp;<br />
</span><span style="color: #008080">19</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">dojo.require(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">webwork.widgets.Bind</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">);&nbsp;<br />
</span><span style="color: #008080">20</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">dojo.require(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">webwork.widgets.BindDiv</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">);&nbsp;<br />
</span><span style="color: #008080">21</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">dojo.require(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">webwork.widgets.BindButton</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">);&nbsp;<br />
</span><span style="color: #008080">22</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">dojo.require(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">webwork.widgets.BindAnchor</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">);&nbsp;<br />
</span><span style="color: #008080">23</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">&lt;/script&gt;&nbsp;<br />
</span><span style="color: #008080">24</span>&nbsp;<span style="color: #000000; background-color: #f5f5f5">&lt;!--//&nbsp;END&nbsp;SNIPPET:&nbsp;common-include--&gt;&nbsp;<br />
</span><span style="color: #008080">25</span>&nbsp;</div>
这个文件里面对Dojo进行了设置,包含dojo.js,并且引入了webwork实现的这几个装饰件的代码,在后面的每个例子中,都要包含这个文件,因为后面的介绍中将省略这个文件的介绍,要想了解更多信息,可以参考Dojo的文档. <br />
<br />
<strong>提示：</strong>其实在webwork框架下面引入dojo最容易了只需在页面加入下面一行即可：<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"  alt="" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">ww:head&nbsp;</span><span style="color: #ff0000">theme</span><span style="color: #0000ff">="ajax"</span><span style="color: #ff0000">&nbsp;debug</span><span style="color: #0000ff">="true"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;</span></div>
<br />
--待续-- 
<img src ="http://www.blogjava.net/vesung/aggbug/175518.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/vesung/" target="_blank">wangjing</a> 2008-01-15 18:03 <a href="http://www.blogjava.net/vesung/archive/2008/01/15/175518.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>