<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>小恒的博客 &#187; Javascript</title>
	<atom:link href="http://www.henghome.com/archives/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://www.henghome.com</link>
	<description>www.henghome.com</description>
	<lastBuildDate>Sun, 11 Dec 2011 12:31:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>js计算2个日期之间相隔的天数</title>
		<link>http://www.henghome.com/archives/519</link>
		<comments>http://www.henghome.com/archives/519#comments</comments>
		<pubDate>Wed, 13 Oct 2010 11:48:14 +0000</pubDate>
		<dc:creator>小 恒</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[原创]]></category>

		<guid isPermaLink="false">http://blog.henghome.com/?p=519</guid>
		<description><![CDATA[/** &#160;* 计算2个日期之间相隔的天数 &#160;* &#160;*/ function dateDiff&#40;startDate, endDate&#41; &#123; &#160;var days &#160;= 0; &#160; &#160;if &#40;startDate == endDate&#41; &#123; &#160; return days; &#160;&#125; &#160; &#160;var sDate &#160;= startDate.split&#40;&#39;-&#39;&#41;; &#160;var eDate &#160;= endDate.split&#40;&#39;-&#39;&#41;; &#160; &#160;var sYear &#160;= parseInt&#40;sDate&#91;0&#93;&#41;; &#160;var sMonth = parseInt&#40;sDate&#91;1&#93;&#41;; &#160;var sDay &#160; = parseInt&#40;sDate&#91;2&#93;&#41;; &#160;var eYear &#160;= parseInt&#40;eDate&#91;0&#93;&#41;; &#160;var eMonth = parseInt&#40;eDate&#91;1&#93;&#41;; &#160;var [...]]]></description>
			<content:encoded><![CDATA[<div class="geshi no php">
<ol>
<li class="li1">
<div class="de1"><span class="coMULTI">/**</span></div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">&nbsp;* 计算2个日期之间相隔的天数</span></div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">&nbsp;*</span></div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">&nbsp;*/</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">function</span> dateDiff<span class="br0">&#40;</span>startDate<span class="sy0">,</span> endDate<span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> days &nbsp;<span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw1">if</span> <span class="br0">&#40;</span>startDate <span class="sy0">==</span> endDate<span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; <span class="kw1">return</span> days<span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> sDate &nbsp;<span class="sy0">=</span> startDate<span class="sy0">.</span><span class="kw3">split</span><span class="br0">&#40;</span><span class="st0">&#39;-&#39;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> eDate &nbsp;<span class="sy0">=</span> endDate<span class="sy0">.</span><span class="kw3">split</span><span class="br0">&#40;</span><span class="st0">&#39;-&#39;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> sYear &nbsp;<span class="sy0">=</span> parseInt<span class="br0">&#40;</span>sDate<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> sMonth <span class="sy0">=</span> parseInt<span class="br0">&#40;</span>sDate<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> sDay &nbsp; <span class="sy0">=</span> parseInt<span class="br0">&#40;</span>sDate<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> eYear &nbsp;<span class="sy0">=</span> parseInt<span class="br0">&#40;</span>eDate<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> eMonth <span class="sy0">=</span> parseInt<span class="br0">&#40;</span>eDate<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw2">var</span> eDay &nbsp; <span class="sy0">=</span> parseInt<span class="br0">&#40;</span>eDate<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw2">var</span> y <span class="sy0">=</span> sYear<span class="sy0">;</span> y <span class="sy0">&lt;=</span> eYear<span class="sy0">;</span> y<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span> &nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>y <span class="sy0">==</span> eYear<span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp;<span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw2">var</span> m <span class="sy0">=</span> <span class="nu0">1</span><span class="sy0">;</span> m <span class="sy0">&lt;=</span> eMonth<span class="sy0">;</span> m<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>m <span class="sy0">==</span> eMonth<span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp;days <span class="sy0">=</span> days <span class="sy0">+</span> eDay <span class="sy0">-</span> sDay<span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="br0">&#125;</span> <span class="kw1">else</span> <span class="kw1">if</span> <span class="br0">&#40;</span>m <span class="sy0">&gt;=</span> sMonth<span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp;days <span class="sy0">=</span> days <span class="sy0">+</span> getMonthDays<span class="br0">&#40;</span>y<span class="sy0">,</span> m<span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp;<span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; <span class="br0">&#125;</span> <span class="kw1">else</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp;days <span class="sy0">=</span> days <span class="sy0">+</span> <span class="br0">&#40;</span><span class="br0">&#40;</span>leapYear<span class="br0">&#40;</span>y<span class="br0">&#41;</span><span class="br0">&#41;</span> ? <span class="nu0">366</span> <span class="sy0">:</span> <span class="nu0">365</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp;<span class="kw1">return</span> days<span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">function</span> getMonthDays<span class="br0">&#40;</span>year<span class="sy0">,</span> month<span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="kw2">var</span> ar <span class="sy0">=</span> <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">31</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="br0">&#40;</span>leapYear<span class="br0">&#40;</span>year<span class="br0">&#41;</span><span class="br0">&#41;</span> ? <span class="nu0">29</span> <span class="sy0">:</span> <span class="nu0">28</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">31</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">4</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">30</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">5</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">31</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">6</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">30</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">7</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">31</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">8</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">31</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">9</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">30</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">10</span><span class="br0">&#93;</span> &nbsp;<span class="sy0">=</span> <span class="nu0">31</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">11</span><span class="br0">&#93;</span> <span class="sy0">=</span> <span class="nu0">30</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; ar<span class="br0">&#91;</span><span class="nu0">12</span><span class="br0">&#93;</span> <span class="sy0">=</span> <span class="nu0">31</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="kw1">return</span> ar<span class="br0">&#91;</span>month<span class="br0">&#93;</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">function</span> leapYear<span class="br0">&#40;</span>year<span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span><span class="br0">&#40;</span>year <span class="sy0">%</span> <span class="nu0">4</span> <span class="sy0">==</span> <span class="nu0">0</span> <span class="sy0">&amp;&amp;</span> year <span class="sy0">%</span> <span class="nu0">100</span> <span class="sy0">!=</span> <span class="nu0">0</span><span class="br0">&#41;</span> <span class="sy0">||</span> year <span class="sy0">%</span> <span class="nu0">400</span> <span class="sy0">==</span> <span class="nu0">0</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="kw2">true</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="kw1">return</span> <span class="kw2">false</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<div style=float:left>&lt;!-- JiaThis Button BEGIN --&gt;
&lt;style type=&quot;text/css&quot;&gt;
#ckepop a:hover {
    color:red;
    background-color:#0063DC;
}
&lt;/style&gt;
&lt;div id=&quot;ckepop&quot;&gt;
    &lt;a href=&quot;http://www.jiathis.com/share/&quot; class=&quot;jiathis_txt&quot; target=&quot;_blank&quot;&gt;分享到：&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tqq&quot;&gt;腾讯微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tsina&quot;&gt;新浪微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_qzone&quot;&gt;QQ空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_hi&quot;&gt;百度空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_kaixin001&quot;&gt;开心网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_renren&quot;&gt;人人网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_xiaoyou&quot;&gt;QQ校友&lt;/a&gt;
	&lt;a href=&quot;http://www.jiathis.com/share/?uid=89488&quot; class=&quot;jiathis jiathis_txt jtico jtico_jiathis&quot; target=&quot;_blank&quot;&gt;更多...&lt;/a&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://v2.jiathis.com/code/jia.js?uid=89488&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;!-- JiaThis Button END --&gt;</div>]]></content:encoded>
			<wfw:commentRss>http://www.henghome.com/archives/519/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ExtJS实用简明教程  CHM版</title>
		<link>http://www.henghome.com/archives/203</link>
		<comments>http://www.henghome.com/archives/203#comments</comments>
		<pubDate>Fri, 07 Nov 2008 02:20:34 +0000</pubDate>
		<dc:creator>小 恒</dc:creator>
				<category><![CDATA[ExtJS]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.henghome.com/?p=203</guid>
		<description><![CDATA[　ExtJS是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。 　　ExtJs最开始基于YUI技术，由开发人员Jack Slocum开发，通过参考Java Swing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。 具体内容见图： 下载： ExtJS2.0实用简明教程 &#60;!-- JiaThis Button BEGIN --&#62; &#60;style type=&#34;text/css&#34;&#62; #ckepop a:hover { color:red; background-color:#0063DC; } &#60;/style&#62; &#60;div id=&#34;ckepop&#34;&#62; &#60;a href=&#34;http://www.jiathis.com/share/&#34; class=&#34;jiathis_txt&#34; target=&#34;_blank&#34;&#62;分享到：&#60;/a&#62; &#60;a class=&#34;jiathis_button_tqq&#34;&#62;腾讯微博&#60;/a&#62; &#60;a class=&#34;jiathis_button_tsina&#34;&#62;新浪微博&#60;/a&#62; &#60;a class=&#34;jiathis_button_qzone&#34;&#62;QQ空间&#60;/a&#62; &#60;a class=&#34;jiathis_button_hi&#34;&#62;百度空间&#60;/a&#62; &#60;a class=&#34;jiathis_button_kaixin001&#34;&#62;开心网&#60;/a&#62; &#60;a class=&#34;jiathis_button_renren&#34;&#62;人人网&#60;/a&#62; &#60;a class=&#34;jiathis_button_xiaoyou&#34;&#62;QQ校友&#60;/a&#62; &#60;a href=&#34;http://www.jiathis.com/share/?uid=89488&#34; class=&#34;jiathis jiathis_txt jtico jtico_jiathis&#34; target=&#34;_blank&#34;&#62;更多...&#60;/a&#62; &#60;/div&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;http://v2.jiathis.com/code/jia.js?uid=89488&#34; charset=&#34;utf-8&#34;&#62;&#60;/script&#62; &#60;!-- JiaThis [...]]]></description>
			<content:encoded><![CDATA[<p>　ExtJS是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。<br />
　　ExtJs最开始基于YUI技术，由开发人员Jack Slocum开发，通过参考Java Swing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。</p>
<p>具体内容见图：<br />
<a href="http://www.henghome.cn/wp-content/uploads/2008/03/extjs.gif" target="_blank"><img src="http://www.henghome.cn/wp-content/uploads/2008/03/extjs.gif" border="0" alt="" /></a></p>
<p>下载：</p>
<p><a href="http://down.henghome.com/ExtJS.zip" target="_blank"><span style="color: #810081;">ExtJS2.0实用简明教程</span></a></p>
<div style=float:left>&lt;!-- JiaThis Button BEGIN --&gt;
&lt;style type=&quot;text/css&quot;&gt;
#ckepop a:hover {
    color:red;
    background-color:#0063DC;
}
&lt;/style&gt;
&lt;div id=&quot;ckepop&quot;&gt;
    &lt;a href=&quot;http://www.jiathis.com/share/&quot; class=&quot;jiathis_txt&quot; target=&quot;_blank&quot;&gt;分享到：&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tqq&quot;&gt;腾讯微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tsina&quot;&gt;新浪微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_qzone&quot;&gt;QQ空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_hi&quot;&gt;百度空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_kaixin001&quot;&gt;开心网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_renren&quot;&gt;人人网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_xiaoyou&quot;&gt;QQ校友&lt;/a&gt;
	&lt;a href=&quot;http://www.jiathis.com/share/?uid=89488&quot; class=&quot;jiathis jiathis_txt jtico jtico_jiathis&quot; target=&quot;_blank&quot;&gt;更多...&lt;/a&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://v2.jiathis.com/code/jia.js?uid=89488&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;!-- JiaThis Button END --&gt;</div>]]></content:encoded>
			<wfw:commentRss>http://www.henghome.com/archives/203/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>jquery实现checkbox全选、取消全选</title>
		<link>http://www.henghome.com/archives/112</link>
		<comments>http://www.henghome.com/archives/112#comments</comments>
		<pubDate>Sun, 18 May 2008 11:19:55 +0000</pubDate>
		<dc:creator>小 恒</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://www.henghome.com/?p=112</guid>
		<description><![CDATA[&#60;input type="checkbox" name="checkbox_name[]" id="checkbox_name_1" /&#62;1&#60;br /&#62; &#60;input type="checkbox" name="checkbox_name[]" id="checkbox_name_2" /&#62;2&#60;br /&#62; &#60;input type="checkbox" name="checkbox_name[]" id="checkbox_name_3" /&#62;3&#60;br /&#62; &#60;input type="checkbox" name="checkbox_name[]" id="checkbox_name_4" /&#62;4&#60;br /&#62; &#60;input type="checkbox" name="checkedAll" id="checkedAll"/&#62;全选/取消全选 演示地址 &#60;!-- JiaThis Button BEGIN --&#62; &#60;style type=&#34;text/css&#34;&#62; #ckepop a:hover { color:red; background-color:#0063DC; } &#60;/style&#62; &#60;div id=&#34;ckepop&#34;&#62; &#60;a href=&#34;http://www.jiathis.com/share/&#34; class=&#34;jiathis_txt&#34; target=&#34;_blank&#34;&#62;分享到：&#60;/a&#62; &#60;a class=&#34;jiathis_button_tqq&#34;&#62;腾讯微博&#60;/a&#62; &#60;a class=&#34;jiathis_button_tsina&#34;&#62;新浪微博&#60;/a&#62; &#60;a class=&#34;jiathis_button_qzone&#34;&#62;QQ空间&#60;/a&#62; [...]]]></description>
			<content:encoded><![CDATA[<p><code>&lt;input type="checkbox" name="checkbox_name[]" id="checkbox_name_1" /&gt;1&lt;br /&gt;<br />
&lt;input type="checkbox" name="checkbox_name[]" id="checkbox_name_2" /&gt;2&lt;br /&gt;<br />
&lt;input type="checkbox" name="checkbox_name[]" id="checkbox_name_3" /&gt;3&lt;br /&gt;<br />
&lt;input type="checkbox" name="checkbox_name[]" id="checkbox_name_4" /&gt;4&lt;br /&gt;<br />
&lt;input type="checkbox" name="checkedAll" id="checkedAll"/&gt;全选/取消全选</code><br />
<a href="http://www.henghome.cn/demo/jquery-checkbox.html" target="_blank">演示地址</a><br />
<code lang="javascript"><br />
<script type="text/javascript"><!--
$(function() {
 $("#checkedAll").click(function() { 
 if ($(this).attr("checked") == true) { // 全选
  $("input[@name='checkbox_name[]']").each(function() {
  $(this).attr("checked", true);
  });
 } else { // 取消全选
  $("input[@name='checkbox_name[]']").each(function() {
  $(this).attr("checked", false);
  });
 }
 });
});
// --></script><br />
</code></p>
<div style=float:left>&lt;!-- JiaThis Button BEGIN --&gt;
&lt;style type=&quot;text/css&quot;&gt;
#ckepop a:hover {
    color:red;
    background-color:#0063DC;
}
&lt;/style&gt;
&lt;div id=&quot;ckepop&quot;&gt;
    &lt;a href=&quot;http://www.jiathis.com/share/&quot; class=&quot;jiathis_txt&quot; target=&quot;_blank&quot;&gt;分享到：&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tqq&quot;&gt;腾讯微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tsina&quot;&gt;新浪微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_qzone&quot;&gt;QQ空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_hi&quot;&gt;百度空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_kaixin001&quot;&gt;开心网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_renren&quot;&gt;人人网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_xiaoyou&quot;&gt;QQ校友&lt;/a&gt;
	&lt;a href=&quot;http://www.jiathis.com/share/?uid=89488&quot; class=&quot;jiathis jiathis_txt jtico jtico_jiathis&quot; target=&quot;_blank&quot;&gt;更多...&lt;/a&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://v2.jiathis.com/code/jia.js?uid=89488&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;!-- JiaThis Button END --&gt;</div>]]></content:encoded>
			<wfw:commentRss>http://www.henghome.com/archives/112/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JS日期时间控件</title>
		<link>http://www.henghome.com/archives/62</link>
		<comments>http://www.henghome.com/archives/62#comments</comments>
		<pubDate>Fri, 29 Feb 2008 11:55:39 +0000</pubDate>
		<dc:creator>小 恒</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.henghome.com/?p=62</guid>
		<description><![CDATA[转载：http://blog.kuomart.com/ 老师js时间时间控件 特点： 1、选择的时间格式可以自定义，只需要给选取时间的格式，如:[yy]-[mon]-[dd],[hh]-[min]-[ss],[mon]/[dd]/[yy] 2、可以选择日期时间的任何一部分，比如可以只选择月日部分，只需要在格式里定义对应部分就可以选择。 3、精确定位到指定标签控制位置，精确定位到鼠标点击位置等，可以随意拖动。 4、IE下不被下拉列表框覆盖，不被flash覆盖，同一个窗口内选择，自动调整显示位置。 5、兼容IE、FireFox，应该还兼容oprea等现未测。 6、自动获取文本框做为初始值，通过修改外部css连接文件定制外观。 使用方法： 在需要调用控制的页面head部分加入: &#60;link href=”[path]Calendar.css” mce_href=”[path]Calendar.css” rel=”stylesheet” type=”text/css” /&#62; &#60;script language=”javascript” type=”text/javascript” src=”[path]Calendar.js” mce_src=”[path]Calendar.js”&#62;&#60;/script&#62; 在需要调用的控件加onclick事件如下代码： &#60;input type=”text” name=”updatedate” id=&#8217;dd&#8217; onclick=”c.getCalendar(&#8216;[yy]/[mon]/[dd] [hh]:[min]&#8216;,this.value,this,event);” /&#62; 如果设置其它表单控件的时间用以下代码： &#60;input type=”text” name=”updatedate” id=&#8217;dd&#8217; onclick=”c.getCalendar(&#8216;[yy]/[mon]/[dd] [hh]:[min]&#8216;,this.value,this,event);” /&#62; &#60;a href=”javascript:void(0)” mce_href=”javascript:void(0)” onclick=”c.getCalendar(&#8216;[yy]/[mon]/[dd] [hh]:[min]&#8216;,document.getElementById(”).value,document.getElementById(&#8216;dd&#8217;),event);”&#62;asdfasdf&#60;/a&#62; 演示地址：my_ex/calendar/calendar.htm 下载地址： 下载文件 点击这里下载文件 &#60;!-- JiaThis Button BEGIN --&#62; &#60;style type=&#34;text/css&#34;&#62; #ckepop [...]]]></description>
			<content:encoded><![CDATA[<p>转载：<a href="http://blog.kuomart.com/">http://blog.kuomart.com/</a></p>
<p>老师js时间时间控件</p>
<p>特点：</p>
<p>1、选择的时间格式可以自定义，只需要给选取时间的格式，如:[yy]-[mon]-[dd],[hh]-[min]-[ss],[mon]/[dd]/[yy]<br />
2、可以选择日期时间的任何一部分，比如可以只选择月日部分，只需要在格式里定义对应部分就可以选择。<br />
3、精确定位到指定标签控制位置，精确定位到鼠标点击位置等，可以随意拖动。<br />
4、IE下不被下拉列表框覆盖，不被flash覆盖，同一个窗口内选择，自动调整显示位置。<br />
5、兼容IE、FireFox，应该还兼容oprea等现未测。<br />
6、自动获取文本框做为初始值，通过修改外部css连接文件定制外观。</p>
<p><span id="more-62"></span></p>
<p>使用方法：</p>
<p>在需要调用控制的页面head部分加入:</p>
<p class="code">&lt;link href=”[path]Calendar.css” mce_href=”[path]Calendar.css” rel=”stylesheet” type=”text/css” /&gt;<br />
&lt;script language=”javascript” type=”text/javascript” src=”[path]Calendar.js” mce_src=”[path]Calendar.js”&gt;&lt;/script&gt;</p>
<p>在需要调用的控件加onclick事件如下代码：</p>
<p class="code">&lt;input type=”text” name=”updatedate” id=&#8217;dd&#8217; onclick=”c.getCalendar(&#8216;[yy]/[mon]/[dd] [hh]:[min]&#8216;,this.value,this,event);” /&gt;</p>
<p>如果设置其它表单控件的时间用以下代码：</p>
<p class="code">&lt;input type=”text” name=”updatedate” id=&#8217;dd&#8217; onclick=”c.getCalendar(&#8216;[yy]/[mon]/[dd] [hh]:[min]&#8216;,this.value,this,event);” /&gt;<br />
&lt;a href=”javascript:void(0)” mce_href=”javascript:void(0)” onclick=”c.getCalendar(&#8216;[yy]/[mon]/[dd] [hh]:[min]&#8216;,document.getElementById(”).value,document.getElementById(&#8216;dd&#8217;),event);”&gt;asdfasdf&lt;/a&gt;</p>
<p>演示地址：<a target="_blank" href="http://www.kuomart.com/blog/my_ex/calendar/calendar.htm">my_ex/calendar/calendar.htm</a></p>
<p>下载地址：</p>
<p class="quote-title"><img src="http://www.kuomart.com/blog/template/widescreen/images/download.gif" />下载文件</p>
<p class="quote-content"><a href="http://www.henghome.com/down/js_calendar.rar">点击这里下载文件</a></p>
<div style=float:left>&lt;!-- JiaThis Button BEGIN --&gt;
&lt;style type=&quot;text/css&quot;&gt;
#ckepop a:hover {
    color:red;
    background-color:#0063DC;
}
&lt;/style&gt;
&lt;div id=&quot;ckepop&quot;&gt;
    &lt;a href=&quot;http://www.jiathis.com/share/&quot; class=&quot;jiathis_txt&quot; target=&quot;_blank&quot;&gt;分享到：&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tqq&quot;&gt;腾讯微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tsina&quot;&gt;新浪微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_qzone&quot;&gt;QQ空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_hi&quot;&gt;百度空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_kaixin001&quot;&gt;开心网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_renren&quot;&gt;人人网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_xiaoyou&quot;&gt;QQ校友&lt;/a&gt;
	&lt;a href=&quot;http://www.jiathis.com/share/?uid=89488&quot; class=&quot;jiathis jiathis_txt jtico jtico_jiathis&quot; target=&quot;_blank&quot;&gt;更多...&lt;/a&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://v2.jiathis.com/code/jia.js?uid=89488&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;!-- JiaThis Button END --&gt;</div>]]></content:encoded>
			<wfw:commentRss>http://www.henghome.com/archives/62/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>javascript 向PHP传递中文乱码的解决方法</title>
		<link>http://www.henghome.com/archives/43</link>
		<comments>http://www.henghome.com/archives/43#comments</comments>
		<pubDate>Tue, 15 Jan 2008 20:36:38 +0000</pubDate>
		<dc:creator>小 恒</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.henghome.com/?p=43</guid>
		<description><![CDATA[在javascript代码中用encodeURIComponent()函数处理中文字符串， JS代码： &#60;script type=”text/javascript”&#62; string = encodeURIComponent(string); location.href = index.php?keyword=&#8217;+string; &#60;/script&#62; PHP代码: &#60;!-- JiaThis Button BEGIN --&#62; &#60;style type=&#34;text/css&#34;&#62; #ckepop a:hover { color:red; background-color:#0063DC; } &#60;/style&#62; &#60;div id=&#34;ckepop&#34;&#62; &#60;a href=&#34;http://www.jiathis.com/share/&#34; class=&#34;jiathis_txt&#34; target=&#34;_blank&#34;&#62;分享到：&#60;/a&#62; &#60;a class=&#34;jiathis_button_tqq&#34;&#62;腾讯微博&#60;/a&#62; &#60;a class=&#34;jiathis_button_tsina&#34;&#62;新浪微博&#60;/a&#62; &#60;a class=&#34;jiathis_button_qzone&#34;&#62;QQ空间&#60;/a&#62; &#60;a class=&#34;jiathis_button_hi&#34;&#62;百度空间&#60;/a&#62; &#60;a class=&#34;jiathis_button_kaixin001&#34;&#62;开心网&#60;/a&#62; &#60;a class=&#34;jiathis_button_renren&#34;&#62;人人网&#60;/a&#62; &#60;a class=&#34;jiathis_button_xiaoyou&#34;&#62;QQ校友&#60;/a&#62; &#60;a href=&#34;http://www.jiathis.com/share/?uid=89488&#34; class=&#34;jiathis jiathis_txt jtico jtico_jiathis&#34; target=&#34;_blank&#34;&#62;更多...&#60;/a&#62; &#60;/div&#62; &#60;script [...]]]></description>
			<content:encoded><![CDATA[<p>在javascript代码中用encodeURIComponent()函数处理中文字符串，</p>
<p>JS代码：<br />
&lt;script type=”text/javascript”&gt;<br />
string = encodeURIComponent(string);<br />
location.href = index.php?keyword=&#8217;+string;<br />
&lt;/script&gt;<br />
PHP代码:<br />
<code lang="php"><br />
<?php<br />
$keyword = (isset($_GET['keyword'])) ? $_GET['keyword'] : '';<br />
?><br />
</code></p>
<div style=float:left>&lt;!-- JiaThis Button BEGIN --&gt;
&lt;style type=&quot;text/css&quot;&gt;
#ckepop a:hover {
    color:red;
    background-color:#0063DC;
}
&lt;/style&gt;
&lt;div id=&quot;ckepop&quot;&gt;
    &lt;a href=&quot;http://www.jiathis.com/share/&quot; class=&quot;jiathis_txt&quot; target=&quot;_blank&quot;&gt;分享到：&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tqq&quot;&gt;腾讯微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tsina&quot;&gt;新浪微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_qzone&quot;&gt;QQ空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_hi&quot;&gt;百度空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_kaixin001&quot;&gt;开心网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_renren&quot;&gt;人人网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_xiaoyou&quot;&gt;QQ校友&lt;/a&gt;
	&lt;a href=&quot;http://www.jiathis.com/share/?uid=89488&quot; class=&quot;jiathis jiathis_txt jtico jtico_jiathis&quot; target=&quot;_blank&quot;&gt;更多...&lt;/a&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://v2.jiathis.com/code/jia.js?uid=89488&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;!-- JiaThis Button END --&gt;</div>]]></content:encoded>
			<wfw:commentRss>http://www.henghome.com/archives/43/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript对象与数组参考大全</title>
		<link>http://www.henghome.com/archives/25</link>
		<comments>http://www.henghome.com/archives/25#comments</comments>
		<pubDate>Sat, 03 Nov 2007 18:20:06 +0000</pubDate>
		<dc:creator>小 恒</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.henghome.cn/?p=25</guid>
		<description><![CDATA[本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的。    　　顺便提一下,记住,这里把所有作为另一对象的子对象的对象看作该对象的属性请参见第十章中与此相关的注解。          　B.1 anchor对象    　　使用&#60;A NAME=&#62;标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。    　　anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。        　　B.2 anchors数组    　　anchors数组是document对象的一个属性,是文档内所有anchor对象的一个列表如果anchor也是一个link(链接),则它会同时出现在anchors和links数组中。    　　属性    　　length 文档内的锚点个数        　　B.3 array对象    　　array对象是Netscape Navlgator 3.0 beta 3中引入的一个新的对象,因而,它不能在Netscape 2.0中使用它是一个内置对象,而不是其它对象的属性。    　　属性     　length 数组中的值个数        　　B.4 button对象    　　它是form对象的一个属性,使用&#60;INPUT TYPE=BUTTON&#62;标记来创建。    　　属性    　　name HTML标记中的NAME=特性    　　value HTML标记中的VALUE=特性    　　方法    　　click 模拟鼠标单击一按钮    　　事件处理程序    　　Onclick        　　B.5 checkbox 对象    　　它是form对象的一个属性,使用&#60;INPUT TYPE=CHECKBOX&#62;标记来创建。    　　属性    　　checked 复选框的选择状态    　　defaultChecked [...]]]></description>
			<content:encoded><![CDATA[<p><font size="2">本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的。<br />
   　　顺便提一下,记住,这里把所有作为另一对象的子对象的对象看作该对象的属性请参见第十章中与此相关的注解。 <br />
        　B.1 anchor对象<br />
   　　使用&lt;A NAME=&gt;标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。<br />
   　　anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。<br />
   <br />
   　　B.2 anchors数组<br />
   　　anchors数组是document对象的一个属性,是文档内所有anchor对象的一个列表如果anchor也是一个link(链接),则它会同时出现在anchors和links数组中。<br />
   　　属性<br />
   　　length 文档内的锚点个数<br />
   <span id="more-25"></span><br />
   　　B.3 array对象<br />
   　　array对象是Netscape Navlgator 3.0 beta 3中引入的一个新的对象,因而,它不能在Netscape 2.0中使用它是一个内置对象,而不是其它对象的属性。<br />
   　　属性<br />
    　length 数组中的值个数<br />
   <br />
   　　B.4 button对象<br />
   　　它是form对象的一个属性,使用&lt;INPUT TYPE=BUTTON&gt;标记来创建。<br />
   　　属性<br />
   　　name HTML标记中的NAME=特性<br />
   　　value HTML标记中的VALUE=特性<br />
   　　方法<br />
   　　click 模拟鼠标单击一按钮<br />
   　　事件处理程序<br />
   　　Onclick<br />
   <br />
   　　B.5 checkbox 对象<br />
   　　它是form对象的一个属性,使用&lt;INPUT TYPE=CHECKBOX&gt;标记来创建。<br />
   　　属性<br />
   　　checked 复选框的选择状态<br />
   　　defaultChecked 标记的CHECKED=特性<br />
   　　name 标记的NAME=特性<br />
   　　value 标记的VALUE=特性<br />
   　　方法<br />
   　　click 模拟鼠标单击按钮<br />
   　　事件处理程序<br />
   　　onclick<br />
   <br />
   　　B.6 Date对象<br />
   　　它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。<br />
    　方法<br />
   　　getDate() 查看Date对象并返回日期<br />
   　　getDay() 返回星期几<br />
   　　getHours() 返回小时数<br />
   　　getMinutes() 返回分钟数<br />
   　　getMonth() 返回月份值<br />
   　　getSeconds() 返回秒数<br />
   　　getTime() 返回完整的时间<br />
   　　getTimezoneoffset() 返回时区偏差值(格林威治平均时间与运行脚本的计算机所处时区设置之间相差的小时数)<br />
   　　getYear() 返回年份<br />
   　　parse() 返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数(Date对象按照毫秒数的形式存储从那时起的日期和时间)但是注意,该方法当前不能正确运行<br />
   　　setDate() 改变Date对象的日期<br />
   　　setHours() 改变小时数<br />
   　　setMinutes() 改变分钟数<br />
   　　setMonth() 改变月份<br />
   　　setSeconds() 改变秒数<br />
   　　setTime() 改变完整的时间<br />
   　　setYear() 改变年份<br />
   　　toGMTString() 把Date对象的日期(一个数值)转变成一个GMT时间字符串,返回类似下面的值:Weds,15 June l997 14:02:02 GMT(精确的格式依赖于计算机上所运行的操作系统而变)<br />
   　　toLocaleString() 把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式<br />
   　　UTC() 使用Date UTC(年、月、日、时、分、秒),以自从1970年1月1日00:00:00(其中时、分、秒是可选的)以来的毫秒数的形式返回日期<br />
   <br />
   　　B.7 document对象<br />
   　　该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。<br />
   　　属性<br />
   　　alinkColor 活动链接的颜色(ALINK)<br />
   　　anchor 一个HTMI锚点,使用&lt;A NAME=&gt;标记创建(该属性本身也是一个对象)<br />
   　　anchors array 列出文档锚点对象的数组(&lt;A NAME=&gt;)(该属性本身也是一个对象)<br />
   　　bgColor 文档的背景颜色(BGCOLOR)<br />
   　　cookie 存储于cookie.txt文件内的一段信息,它是该文档对象的一个属性<br />
   　　fgColor 文档的文本颜色(&lt;BODY&gt;标记里的TEXT特性)<br />
   　　form 文档中的一个窗体(&lt;FORM&gt;)(该属性本身也是一个对象)<br />
   　　forms anay 按照其出现在文档中的顺序列出窗体对象的一个数组(该属性本身也是一个对象)<br />
   　　lastModified 文档最后的修改日期<br />
   　　linkColor 文档的链接的颜色,即&lt;BODY&gt;标记中的LINK特性(链接到用户没有观察到的文档)<br />
   　　link 文档中的一个&lt;A HREF=&gt;标记(该属性本身也是一个对象)<br />
   　　links array 文档中link对象的一个数组,按照它们出现在文档中的顺序排列(该属性本身也是一个对象)<br />
   　　location 当前显示文档的URL。用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象<br />
   　　referrer 包含链接的文档的URL,用户单击该链接可到达当前文档<br />
   　　title 文档的标题((TITLE&gt;)<br />
   　　vlinkColor 指向用户已观察过的文档的链接文本颜色,即&lt;BODY&gt;标记的VLINK特性<br />
   　　方法<br />
   　　clear 清除指定文档的内容<br />
   　　close 关闭文档流<br />
   　　open 打开文档流<br />
   　　write 把文本写入文档<br />
   　　writeln 把文本写入文档,并以换行符结尾<br />
   <br />
   　　B.8 elements数组<br />
   　　它是form对象的一个属性,列举了窗体内各元素的一个数组。<br />
   　　属性<br />
   　　1ength 窗体内的元素个数<br />
   　　B.9 form对象<br />
   　　它是document对象的一个属性,文档内的一个窗体。<br />
   　　属性<br />
   　　action 包含了为一个窗体提交的目标URL的字符串<br />
   　　button 窗体内的一个按钮,使用&lt;INPUT TYPE=”BUTTON”&gt;标记来创建(该属性本身也是一个对象)<br />
   　　checkbox 复选框,使用&lt;INPUT TYPE=”CHECKBOX”&gt;标记来创建 (该属性本身也是一个对象)<br />
   　　elements array 一个数组,按照其出现于窗体内的顺序列举各窗体元素(该属性本身也是一个对象)<br />
   　　encoding 窗体的MIME编码<br />
    　hidden 窗体里的一个隐藏元素(&lt;INPUT TYPE=”HIDDEN”&gt;)。窗体对象的一个属性(该属性本身也是一个对象)<br />
   　　length 窗体里的元素的个数<br />
   　　method 输入窗体的数据传送到服务器上的方式,即(FORM)标记中的METHOD特性<br />
   　　radio 设置在窗体里的单选按钮(&lt;INPUT TYPE=”RADIO”&gt;)(该属性本身也是一个对象)<br />
   　　reset 窗体里的复位按钮((1NPUT TYPE=”RESET”&gt;)(该属性自身也是一个对象)<br />
   　　select 窗体里的选择框(&lt;SELECT&gt;)(该属性本身也是一个对象)<br />
   　　submit 窗体里的提交按钮(&lt;INPUT TYPE=”SUBMIT”&gt;)(该属性本身也是一个对象)<br />
   　　target 提交窗体后,显示回应信息的窗口的名字<br />
   　　text 窗体里的文本元素(&lt;INPUT TYPE=”TEXT”&gt;)(该属性本身也是一个对象)<br />
   　　textarta 窗体里的文本区元素(&lt;TEXTAREA&gt;)(该属性本身也是一个对象)<br />
   　　方法<br />
   　　submit 提交窗体(与使用Submit按钮的作用相同)事件处理程序<br />
   　　onsubmit<br />
   <br />
   　　B.10 forms数组<br />
   　　该数组是document对象的一个属性,即列举了文档内的各窗体的一个数组。<br />
   　　属性<br />
   　　length 文档内窗体的个数<br />
   <br />
   　　B.11 frame对象<br />
   　　它是window对象的一个属性,窗口内的一个框架。除了个别例外,frame对象与window对象的作用相同。<br />
   　　属性<br />
   　　frames array 列举该框架内的各个子框架的一个数组(该属性本身也是—个对象)<br />
   　　length 该框架内的框架数<br />
   　　name 框架的名字(&lt;FRAME&gt;标记里的NAME特性)<br />
   　　parent 包含本框架的父窗口的同义词<br />
   　　self 当前框架的同义词<br />
   　　window 当前框架的同义词<br />
   　　方法<br />
   　　clearTimeout() 用来终止setTimeout方法的工作<br />
   　　setTimeout() 等待指定的毫秒数,然后运行指令<br />
   <br />
   　　B.12 frames数组<br />
   　　它既是window对象,也是frame对象的属性,列举了window或者frame对象内的各框架。<br />
   　　属性<br />
   　　length 窗口或框架对象内的框架数<br />
   <br />
   　　B.13 hidden对象<br />
   　　糊为form对象的一个属性,窗体内的一个隐藏元素(&lt;INPUT TYPE=”HIDDEN”&gt;)。<br />
   　　属性<br />
   　　name 标记内的名字(NAME特性)<br />
   　　value 标记内的VALUE=特性<br />
   <br />
   　　B.14 history对象<br />
   　　它为window对象的一个属性,该窗口的历史列表。<br />
   　　属性<br />
   　　length 历史列表中的项目数<br />
   　　方法<br />
   　　back 加载历史列表中的上一个文档<br />
   　　forward 加载历史列表中的下一个文档<br />
   　　go 加载历史列表中的一个指定文档,通过文档在列表中的位置来指定<br />
   <br />
   　　B.15 image对象<br />
   　　它是document对象的一个属性,是使用(1MG)标记内嵌入文档里的一幅图像这是Netscape Navigator 3.0 beta 3引入的新对象。<br />
   　　属性<br />
   　　border &lt;IMG&gt;标记的BORDER特性<br />
   　　complete 表示浏览器是否完整地加载了图像的一个布尔值<br />
   　　height HEIGHT特性<br />
   　　hspace HSPACE特性<br />
   　　lowsrc LOWSRC特性<br />
   　　src SRC特性<br />
   　　vsPace VSPACE特性<br />
   　　width WIDTH特性<br />
   　　事件处理程序<br />
   　　Onload 图象载入<br />
   　　Onerror 载入错误<br />
   　　Onabort 取消<br />
   <br />
   　　B.16 images数组<br />
   　　它是document对象的一个属性,文档中所有图像的列表。<br />
   　　属性<br />
   　　length 文档内的图像个数<br />
   <br />
   　　B.17 link<br />
   　　它是document对象的一个属性,文档内的一个&lt;A HREF=&gt;标记。<br />
   　　属性<br />
   　　hash 以散列号(#)开始的一个字符串,用于指定URL内的一个锚点<br />
   　　host 包括冒号和端口号的URL的主机名部分<br />
   　　hostname 与host属性相同,除了不包括冒号和端口号外<br />
   　　href 完整的URL<br />
   　　pathname URL的目录路径部分<br />
   　　port URL的:端口部分<br />
   　　protocol URL类型(http:、ftp:、gopher:等等)<br />
   　　search 以一个问号开始的URL中的一部分,用于指定搜索信息<br />
   　　target 当用户单击一链接(TARGET特性)时,用于显示被引用文档内容的窗口<br />
   　　事件处理程序<br />
   　　Onclick 点击<br />
   　　Onmouseover 鼠标移到对象上<br />
   <br />
   　　B.18 links数组<br />
   　　它是document对象的一个属性,文档内所有链接的一个列表。<br />
   　　属性<br />
   　　length 文档内的链接数<br />
   <br />
   　　B.19 location对象<br />
   　　它为document对象的一个属性,该文档的完整URL，请不要把它与window.location属性相混淆,后者可用来加载一个新文档,并且window.location属性本身并不是一个对象，同时,window.location可以用脚本修改,而document.location则不能。<br />
   　　属性<br />
   　　hash 以散列号(#)开始的一个字符串,用于指定URL内的一个锚点<br />
   　　host 包括冒号和端口号的URL的主机名部分<br />
   　　hostname 与host属性相同,除了不包括冒号和端口号之外<br />
   　　href 完整的URL<br />
   　　pathname URL的目录路径部分<br />
   　　port URL的:端口部分<br />
   　　protocol URL的类型(http:、ftp:、gopher:等等)<br />
   　　search 以问号(?)开始的URL中的一部分,用于指定搜索信息<br />
   　　target 用户单击链接(TARGET特性)时,用于显示被引用文档的内容的窗口<br />
   <br />
   　　B.20 math对象<br />
   　　该对象不是其它对象的一个属性,而是一个内置对象,包含了许多数学常量和函数。<br />
   　　属性<br />
   　　E 欧拉常量,自然对数的底(约等于2.718)<br />
   　　LN2 2的自然对数(约等于0.693)<br />
   　　LN10 10的自然对数(约等于2.302)<br />
   　　LOG2E 以2为底的e的对数(约等于1.442)<br />
   　　LOG10E 以10为底的e的对数(约等于o.434)<br />
   　　PI ∏的值(约等于3.14159)<br />
   　　SQRT1_2 0.5的平方根(即l除以2的平方根,约等于o.707)<br />
   　　SQRT2 2的平方根(约等于1.414)<br />
   　　方法<br />
   　　abs() 返回某数的绝对值(即该数与o的距离,例如,2与一2的绝对值都是2)<br />
   　　acos() 返回某数的反余弦值(以弧度为单位)<br />
   　　asin() 返回某数的反正弦值(以弧度为单位)<br />
   　　atan() 返回某数的反正切值(以弧度为单位)<br />
   　　ceil() 返回与某数相等,或大于该数的最小整数(ceil(-22.22)返回-22;ceil22,22)返回23;ceil(22)返回22)<br />
   　　cos() 返回某数(以弧度为单位)的余弦值<br />
   　　exp() 返回en<br />
   　　floor() 与ceil相反(floor(一22.22)返回一23;floor(22.22)返回22; floor(22)返回22)<br />
   　　10g() 返回某数的自然对数(以e为底)<br />
   　　max() 返回两数间的较大值<br />
   　　min() 返回两数问的较小值<br />
   　　pow() 返回m的n次方(其中,m为底,n为指数)<br />
   　　random() 返回0和1之间的一个伪随机数(该方法仅在Netscape<br />
   　　Navigator的UNIX版本中有效)<br />
   　　round() 返回某数四舍五入之后的整数<br />
   　　sin() 返回某数(以弧度为单位)的正弦值<br />
   　　sqrt() 返回某数的平方根<br />
   　　tan() 返回某数的正切值<br />
   <br />
   　　B.2l navigator对象<br />
   　　该对象不是其它对象的属性,而是一个内置对象它包含了有关加载文档的浏览器的信息。<br />
   　　属性<br />
   　　appCodeName 浏览器的代码名(例如,Mozilla)<br />
   　　appName 浏览器的名字<br />
   　　appVersion 浏览器的版本号<br />
   　　userAgent 由客户机送到服务器的用户与代理头标文本<br />
   　　方法<br />
   　　javaEnabled JavaScript中当前并没有该方法,但是不久之后将会添加上它将查看浏览器是否为兼容JavaScript的浏览器,如果是,继续查看JavaScript是否处于支持状态。<br />
   <br />
   　　B.22 options数组<br />
   　　该数组是select对象的一个属性,即选择框中的所有选项(&lt;OPTION&gt;)的一个列表。<br />
   　　属性<br />
   　　defaultSelected 选项列表中的缺省选项<br />
   　　index 选项列表中某选项的索引位置<br />
   　　length 选项列表中的选项数(&lt;OPTIONS&gt;)<br />
   　　name 选项列表的名字(NAME特性)<br />
   　　selected 表示选项列表中某选项&lt;OPTION&gt;是否被选中的一个布尔类型值<br />
   　　selectedIndex 选项列表中已选中的&lt;OPTION&gt;的索引(位置)<br />
   　　text 选项列表中&lt;OPTION&gt;标记后的文本<br />
   　　value 选项列表中的VALUE=特性<br />
   <br />
   　　B.23 Password 对象<br />
   　　它是document对象的一个属性,一个&lt;INPUT TYPE=”PASSWORD”&gt;标记。<br />
   　　属性<br />
   　　defaultValue password对象的缺省值(VAlUE=特性)<br />
   　　name 对象的名字(NAME=特性)<br />
   　　value 该域具有的当前值最初与VALUE=特性(defauttValue)相同,但是,如果脚本修改了该域中的值,则该值将改变<br />
   　　方法<br />
   　　focus 把焦点从该域移开<br />
   　　blur 把焦点移到该域<br />
   　　select 选择输入区域<br />
   <br />
   　　B.24 radio对象<br />
   　　它是form对象的一个属性,窗体内的一组单选按钮(选项按钮)(&lt;INPUT TYPE=”RADIO”&gt;)。<br />
   　　属性<br />
   　　checked 复选框或选项按钮(单选按钮)的状态<br />
   　　defaultChecked 复选框或选项按钮(单选按钮)的缺省状态<br />
   　　length 一组单选按钮中的按钮数<br />
   　　name 对象的名字(NAME=特性)<br />
   　　value VALUE=特性<br />
   　　方法<br />
   　　click 模拟鼠标单击按钮<br />
   　　事件处理程序<br />
   　　onclick 点击<br />
   <br />
   　　B.25 reset 对象<br />
   　　它是form对象的一个属性,复位按钮(&lt;INPUT TYPE=”RESET”&gt;)。<br />
   　　属性<br />
   　　name 对象的名字(NAME=特性)<br />
   　　value VALUE=特性<br />
   　　方法<br />
   　　click 模拟鼠标单击按钮<br />
   　　事件处理程序<br />
   　　onclick 点击<br />
   <br />
   　　B.26 select对象<br />
   　　它是form对象的一个属性,选择框(&lt;SELECT&gt;)。<br />
   　　属性<br />
   　　length 选项列表中的选项数(&lt;OPTIONS&gt;)<br />
   　　name 选项列表的名字(NAME特性)<br />
   　　options 列表中的选项数<br />
   　　selectedlndex 选项列表中已选中的&lt;OPTION&gt;的索引(位置)<br />
   　　text 选项列表中(OPTION)标记之后的文本<br />
   　　value 选项列表中的VALUE=特性<br />
   　　方法<br />
   　　blur 把焦点从选项列表中移走<br />
   　　focus 把焦点移到选项列表中<br />
   　　事件处理程序<br />
   　　Onblur 失去焦点时事件<br />
   　　onchange 更改<br />
   　　Onfocus 聚焦事件<br />
   <br />
   　　B.27 string对象<br />
   　　它不是另一个对象的属性,而是一个内置对象,即一串字符字符串输入脚本中时必须位于引号内。<br />
   　　属性<br />
   　　length 字符串中的字符个数<br />
   　　方法<br />
   　　anchor() 用来把字符串转换到HTML锚点标记内(&lt;A NAME=&gt;)<br />
   　　big() 把字符串中的文本变成大字体(&lt;BIG&gt;)<br />
   　　blink() 把字符串中的文本变成闪烁字体(&lt;BLINK&gt;)<br />
   　　bold() 把字符串中的文本变成黑字体(&lt;B&gt;)<br />
   　　charAt() 寻找字符串中指定位置的一个字符<br />
   　　fixed() 把字符串中的文本变成固定间距字体(&lt;TT&gt;)<br />
   　　fontcolor() 改变字符串中文本的颜色(&lt;FONT COLOR=&gt;)<br />
   　　fontsize() 把字符串中的文本变成指定大小(&lt;FONTSIZE=&gt;)<br />
   　　indexOf() 用来搜索字符串中的某个特殊字符,并返回该字符的索引位置<br />
   　　italics() 把字符串中的文本变成斜字体(&lt;I&gt;)<br />
   　　lastlndexOf() 与indexof相似,但是向后搜索最后一个出现的字符<br />
   　　link() 用来把字符串转换到HTML链接标记中(&lt;A HREF=&gt;)<br />
   　　small() 把字符串中的文本变成小字体(&lt;SMALL&gt;)<br />
   　　strike() 把字符串中的文本变成划掉字体(&lt;STRIKE&gt;)<br />
   　　sub() 把字符串中的文本变成下标(subscript)字体((SUB&gt;)<br />
   　　substring() 返回字符串里指定位置间的一部分字符串<br />
   　　sup() 把字符串中的文本变成上标(superscript)字体(&lt;SUP&gt;)<br />
   　　toLowerCase() 把字符串中的文本变成小写<br />
   　　toUpperCase() 把字符串中的文本变成大写<br />
   <br />
   　　B.28 submit对象<br />
   　　它是form对象的一个属性,窗体中的一个提交按钮(&lt;INPUT TYPE=”SUBMIT”&gt;)。<br />
   　　属性<br />
   　　name 对象的名字(NAME=特性)<br />
   　　value VALUE=特性<br />
   　　方法<br />
   　　click 模拟鼠标单击按钮<br />
   　　事件处理程序<br />
   　　Onclick 点击<br />
   <br />
   　　B.29 text对象<br />
   　　它是form对象的一个属性,宙体中的一个文本域(&lt;INPUT TYPE=”TEXT”&gt;)。<br />
   　　属性<br />
   　　defaultValue text对象的缺省值(VALUE=特性)<br />
   　　name 该对象的名字(NAME=特性)<br />
   　　Value 该域具有的当前值,最初与VALUE=特性(defaultValue)相同但是,如果脚本修改了该域中的值,则该值将改变<br />
   　　方法<br />
   　　blur 把焦点从文本框移开<br />
   　　focus 把焦点移到文本框<br />
   　　select 选择输入区域<br />
   　　事件处理程序<br />
   　　Onblur 失去焦点事件<br />
   　　Onchange 更改<br />
   　　Onfocus 聚焦事件<br />
   　　Onselect 选取事件<br />
   <br />
   　　B.30 textarea对象<br />
   　　它是form对象的一个属性,宙体中的一个文本区域(&lt;TEXTAREA&gt;)。<br />
   　　属性<br />
   　　defaultValue textarea对象的缺省值(VALUE=特性)<br />
   　　name 该对象的名字(NAME=特性)<br />
   　　value 该域具有的当前值,最初与VALUE=特性(defaultValue)相同,但是,如果脚本修改了该域中的值,则该值将改变了。<br />
   　　方法<br />
   　　blur 把焦点从文本区移开<br />
   　　focus 把焦点移到文本区<br />
   　　select 选择输入区域事件处理程序<br />
   　　事件处理程序<br />
   　　Onblur 失去焦点事件<br />
   　　Onchange 更改<br />
   　　Onfocus 聚焦事件<br />
   　　Onselect 选取事件<br />
   <br />
   　　B.31 window对象<br />
   　　它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。<br />
   　　属性<br />
   　　defaultStatus 缺省的状态条消息<br />
   　　document 当前显示的文档(该属性本身也是一个对象)<br />
   　　frame 窗口里的一个框架((FRAME&gt;)(该属性本身也是一个对象)<br />
   　　frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象)<br />
   　　history 窗口的历史列表(该属性本身也是一个对象)<br />
   　　length 窗口内的框架数<br />
   　　location 窗口所显示文档的完整(绝对)URL(该属性本身也是一个对象)不要把它与如document.location混淆,后者是当前显示文档的URL。用户可以改变window.location(用另一个文档取代当前文档),但却不能改变document.location(因为这是当前显示文档的位置)<br />
   　　name 窗口打开时,赋予该窗口的名字<br />
   　　opener 代表使用window.open打开当前窗口的脚本所在的窗口(这是Netscape Navigator 3.0beta 3所引入的一个新属性)<br />
   　　parent 包含当前框架的窗口的同义词。frame和window对象的一个属性<br />
   　　self 当前窗口或框架的同义词<br />
   　　status 状态条中的消息<br />
   　　top 包含当前框架的最顶层浏览器窗口的同义词<br />
   　　window 当前窗口或框架的同义词,与self相同<br />
   　　方法<br />
   　　alert() 打开一个Alert消息框<br />
   　　clearTimeout() 用来终止setTimeout方法的工作<br />
   　　close() 关闭窗口<br />
   　　confirm() 打开一个Confirm消息框,用户可以选择OK或Cancel,如果用户单击OK,该方法返回true,单击Cancel返回false<br />
   　　blur() 把焦点从指定窗口移开(这是Netscape Navigator 3.0 beta 3引入的新方法)<br />
   　　focus() 把指定的窗口带到前台(另一个新方法)<br />
   　　open() 打开一个新窗口<br />
   　　prompt() 打开一个Prompt对话框,用户可向该框键入文本,并把键入的文本返回到脚本<br />
   　　setTimeout() 等待一段指定的毫秒数时间,然后运行指令事件处理程序<br />
   　　事件处理程序<br />
   　　Onload() 页面载入时触发<br />
   　　Onunload() 页面关闭时触发 </font></p>
<div style=float:left>&lt;!-- JiaThis Button BEGIN --&gt;
&lt;style type=&quot;text/css&quot;&gt;
#ckepop a:hover {
    color:red;
    background-color:#0063DC;
}
&lt;/style&gt;
&lt;div id=&quot;ckepop&quot;&gt;
    &lt;a href=&quot;http://www.jiathis.com/share/&quot; class=&quot;jiathis_txt&quot; target=&quot;_blank&quot;&gt;分享到：&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tqq&quot;&gt;腾讯微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_tsina&quot;&gt;新浪微博&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_qzone&quot;&gt;QQ空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_hi&quot;&gt;百度空间&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_kaixin001&quot;&gt;开心网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_renren&quot;&gt;人人网&lt;/a&gt;
	&lt;a class=&quot;jiathis_button_xiaoyou&quot;&gt;QQ校友&lt;/a&gt;
	&lt;a href=&quot;http://www.jiathis.com/share/?uid=89488&quot; class=&quot;jiathis jiathis_txt jtico jtico_jiathis&quot; target=&quot;_blank&quot;&gt;更多...&lt;/a&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://v2.jiathis.com/code/jia.js?uid=89488&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;!-- JiaThis Button END --&gt;</div>]]></content:encoded>
			<wfw:commentRss>http://www.henghome.com/archives/25/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
