﻿<?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>IT博客-A JavaScript Fancier-随笔分类-javascript代码研究</title><link>http://www.cnitblog.com/yemoo/category/3109.html</link><description>伟大的javascript技术研究中...</description><language>zh-cn</language><lastBuildDate>Wed, 28 Sep 2011 17:47:34 GMT</lastBuildDate><pubDate>Wed, 28 Sep 2011 17:47:34 GMT</pubDate><ttl>60</ttl><item><title>Ext中判断浏览器及系统平台的代码摘录</title><link>http://www.cnitblog.com/yemoo/archive/2008/06/23/45939.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Mon, 23 Jun 2008 05:39:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2008/06/23/45939.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/45939.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2008/06/23/45939.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/45939.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/45939.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><br>判断浏览器类型及操作系统平台不算一个什么难题，但要做到短小精悍，那还是有些难度，看了Ext的代码觉得其代码的优秀之一就是代码的短小精悍，以尽可能精简的代码去实现一些操作。<br>这里摘录了Ext.js中关于浏览器类型及操作系统平台的代码，这段代码包含了很全面的关于浏览器和操作系统类型判断，而且代码也非常的精简，应该从中好好学习下：<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: #0000ff">var</span><span style="COLOR: #000000">&nbsp;ua&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;navigator.userAgent.toLowerCase();<br><br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;isStrict&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.compatMode&nbsp;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">CSS1Compat</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isOpera&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">opera</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isSafari&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">webkit</span><span style="COLOR: #000000">|</span><span style="COLOR: #000000">khtml</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">).test(ua),<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isIE&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">!</span><span style="COLOR: #000000">isOpera&nbsp;</span><span style="COLOR: #000000">&amp;&amp;</span><span style="COLOR: #000000">&nbsp;ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">msie</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isIE7&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">!</span><span style="COLOR: #000000">isOpera&nbsp;</span><span style="COLOR: #000000">&amp;&amp;</span><span style="COLOR: #000000">&nbsp;ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">msie&nbsp;7</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isGecko&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">!</span><span style="COLOR: #000000">isSafari&nbsp;</span><span style="COLOR: #000000">&amp;&amp;</span><span style="COLOR: #000000">&nbsp;ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">gecko</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isBorderBox&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;isIE&nbsp;</span><span style="COLOR: #000000">&amp;&amp;</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">!</span><span style="COLOR: #000000">isStrict,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isWindows&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;(ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">windows</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">&nbsp;ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">win32</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">),<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isMac&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;(ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">macintosh</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">&nbsp;ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">mac&nbsp;os&nbsp;x</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">),<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isLinux&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;(ua.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">linux</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">),<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isSecure&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;window.location.href.toLowerCase().indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">https</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">===</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">;<br></span></div><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/45939.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2008-06-23 13:39 <a href="http://www.cnitblog.com/yemoo/archive/2008/06/23/45939.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>javascript的小小考题[转自蓝色经典]</title><link>http://www.cnitblog.com/yemoo/archive/2008/05/29/44539.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Thu, 29 May 2008 06:02:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2008/05/29/44539.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/44539.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2008/05/29/44539.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/44539.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/44539.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><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"><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;foo(){<br>&nbsp;&nbsp;foo.abc&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(){alert('def')}<br>&nbsp;&nbsp;</span><span style="COLOR: #0000ff">this</span><span style="COLOR: #000000">.abc&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(){alert('xyz')}<br>&nbsp;&nbsp;abc&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(){alert('@@@@@')};<br>&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;abc&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(){alert('$$$$$$')}<br>}<br>foo.prototype.abc&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(){alert('</span><span style="COLOR: #000000">456</span><span style="COLOR: #000000">');}<br>foo.abc&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(){alert('</span><span style="COLOR: #000000">123</span><span style="COLOR: #000000">');}<br></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;f&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&nbsp;foo();<br>f.abc();<br>foo.abc();<br>abc();<br></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br></span></div>
<br>请尽量不执行，试着直接给出结果并给出理由。<br><br>蓝色上的一个帖子，这段代码涵盖了js不少的知识，好好研究下有机会~<br><br>帖子地址：<a href="http://bbs.blueidea.com/thread-2774049-1-1.html" target=_blank><u><font color=#0000ff>http://bbs.blueidea.com/thread-2774049-1-1.html</font></u></a><p> <script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/44539.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2008-05-29 14:02 <a href="http://www.cnitblog.com/yemoo/archive/2008/05/29/44539.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>关于JS变量作用域的一个疑问</title><link>http://www.cnitblog.com/yemoo/archive/2008/05/29/44535.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Thu, 29 May 2008 05:54:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2008/05/29/44535.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/44535.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2008/05/29/44535.html#Feedback</comments><slash:comments>4</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/44535.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/44535.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><br>今天看到了FLASH AS关于变量作用域的讲解，突然想到一个js作用域的问题。<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"><span style="COLOR: #000000"><br>&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">script&nbsp;type</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text/javascript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;!--</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;a</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">xx</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;c(){<br>&nbsp;&nbsp;&nbsp;&nbsp;alert(a);<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;a</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;alert(a);<br>&nbsp;&nbsp;}<br>&nbsp;&nbsp;c();<br>&nbsp;&nbsp;alert(a)<br><br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">--&gt;</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br></span></div>
执行上面代码分别弹出了：undefined、0和xx。<br>可能很多朋友都跟我一样吧，对于那个undefined不知道是怎么来的？<br>js作用域有些地方真是不好理解，希望高人指点！ <p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/44535.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2008-05-29 13:54 <a href="http://www.cnitblog.com/yemoo/archive/2008/05/29/44535.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>增强程序的灵活性--使用JSON作为函数的参数</title><link>http://www.cnitblog.com/yemoo/archive/2007/10/26/35373.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Fri, 26 Oct 2007 04:24:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2007/10/26/35373.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/35373.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2007/10/26/35373.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/35373.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/35373.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><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: #0000ff">var</span><span style="COLOR: #000000">&nbsp;rootMenu</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&nbsp;Ext.tree.TreeNode({<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text:</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">示例中心</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;expanded:</span><span style="COLOR: #0000ff">true</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;&nbsp;&nbsp;});<br><br>Ext.MessageBox.show({<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title:</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">消息提示区内容</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;msg:hArea.dom.innerHTML,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:</span><span style="COLOR: #000000">200</span><span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttons:Ext.MessageBox.OK,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;animEl:hArea<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</span></div>
<br>使用过Ext的朋友可能会发现，在其所有的API中大量用到了JSON对象，Ext使用类如配置的方式来生成各个页面对象等，其特点就是函数的参数大都是json对象，其主要特点就是函数的参数大都是json对象。<br>如<br><br>等等此类的用法在Ext中到处可见，那么那样写有什么优点呢？为什么不直接写函数参数而要通过JSON对象作为参数传入？<br><br>今日查看了Ext的帮助说明才真正认识到使用json对象作为函数参数的优点。<br><strong>总结两点：</strong><br><br><strong>1、程序灵活性高，容易扩展和使用。</strong><br>我们可以随时为一个函数添加/删除参数或在任意参数位置添加新参数，而不会像传统参数一样必须按照规定的顺序书写，而且每次添加或删除函数某个参数都要函数内容进行修改。而使用JSON作为参数可以不用考虑参数顺序。<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"><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">script&nbsp;type</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text/javascript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;!--</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">普通方法</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;commonArg(name,age,desc){<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;userinfo</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">name:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">name</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">age:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">age</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\ndescription:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">desc;<br>&nbsp;&nbsp;&nbsp;&nbsp;alert(userinfo);<br>&nbsp;&nbsp;}<br>&nbsp;&nbsp;commonArg(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">yemoo</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">22</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">a&nbsp;boy!</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">每次调用都必须按照规定的参数顺序书写，如果写成commonArg(22,"yemoo","desc")则返回信息就不对，每次都必须记忆每个参数意义及顺序</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;<br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">JSON参数法</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;jsonArg(info){<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;userinfo</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">name:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">info.name</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\tage:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">info.age</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\ndescription:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">info.desc;<br>&nbsp;&nbsp;&nbsp;&nbsp;alert(userinfo);<br>&nbsp;&nbsp;}<br>&nbsp;&nbsp;jsonArg({name:</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">blue</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,age:</span><span style="COLOR: #000000">22</span><span style="COLOR: #000000">,desc:</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">a&nbsp;gril?</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">});<br>&nbsp;&nbsp;jsonArg({desc:</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">not&nbsp;a&nbsp;people!</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,name:</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">sss</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,age:</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">});<br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">参数位置可以随意写</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">--&gt;</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span></div>
<br><span style="COLOR: red">普通函数缺点很明显：必须记忆参数意义和顺序。而使用JSON的方法则不需要。</span><br><br><strong>2、使用者对函数的调用非常方便，特别是在只需要传入其中几个或一个参数时。</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: #000000">&lt;</span><span style="COLOR: #000000">script&nbsp;type</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text/javascript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;!--</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">普通方法</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;commonArg(name,age,desc){<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;userinfo</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">name:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">(name</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">empty</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\tage:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">(age</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\ndescription:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">desc</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">empty</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;alert(userinfo);<br>&nbsp;&nbsp;}<br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">当只需要设定后面的参数时前面每个参数都需要设置为null</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;commonArg(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">tempUser</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;commonArg(</span><span style="COLOR: #0000ff">null</span><span style="COLOR: #000000">,</span><span style="COLOR: #0000ff">null</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">a&nbsp;boy!</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;commonArg(</span><span style="COLOR: #0000ff">null</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">20</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;<br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">JSON参数法</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;jsonArg(info){<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;userinfo</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">name:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">(info.name</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">empty</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\tage:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">(info.age</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\ndescription:&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">(info.desc</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">empty</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;alert(userinfo);<br>&nbsp;&nbsp;}<br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">每次只需要设置需要设定参数项</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;jsonArg({name:</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">tempUser</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">});<br>&nbsp;&nbsp;jsonArg({desc:</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">a&nbsp;boy!</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">});<br>&nbsp;&nbsp;jsonArg({age:</span><span style="COLOR: #000000">20</span><span style="COLOR: #000000">});<br>&nbsp;&nbsp;</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">--&gt;</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span></div>
<br><span style="COLOR: #ff0000">JSON方法优点很明显：每次只需传入需要的参数即可，而不用考虑其他参数。</span><br><br>JSON真是一个好用的东西，不用在ajax方面还是在js的其他方面都体现了其方便灵活的特性，的确应该好好去挖掘和学习json。<p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/35373.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2007-10-26 12:24 <a href="http://www.cnitblog.com/yemoo/archive/2007/10/26/35373.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JSON变量值的巧妙传入方式(Ext2学习总结)</title><link>http://www.cnitblog.com/yemoo/archive/2007/10/11/34714.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Thu, 11 Oct 2007 08:48:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2007/10/11/34714.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/34714.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2007/10/11/34714.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/34714.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/34714.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><br>&nbsp;&nbsp; 这曾经是一个困扰我很久的问题，如果我们想把JSON的某个值设定为某个变量该怎么设置呢？<br>如var json={a:"xxx",b:"yyy"}<br>如果我们想将该语句中的值xxx,yyy分别保存在两个变量上，然后传入变量名，该如何设置呢？大概你不会想到这样吧？<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: #0000ff">var</span><span style="COLOR: #000000">&nbsp;a</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">xxx</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;b</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">yyy</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;json</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">{a:a,b:b}</span></div>
<br>我没有这样做过，一般的做法为：
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;a</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">xxx</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,b</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">yyy</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;json</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">{a:'</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">a</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">',b:'</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">b</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">'}</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;json</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">eval(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">json</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)</span></div>
<br>这样做的确挺麻烦的，但当初还真没有好办法。<br><br>今天在Ext中看到果真可以使用我们前面的那种写法，json会自动区分冒号前的是json名称值，后面的是传入的变量。<br>这样就简便多了。感叹一下：js语法真是妙！<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"><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;a</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">xxx</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;b</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">yyy</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;json</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">{a:a,b:b}</span></div>
<p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script></p><img src ="http://www.cnitblog.com/yemoo/aggbug/34714.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2007-10-11 16:48 <a href="http://www.cnitblog.com/yemoo/archive/2007/10/11/34714.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>document.compatMode介绍(Ext2学习总结) </title><link>http://www.cnitblog.com/yemoo/archive/2007/10/11/34713.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Thu, 11 Oct 2007 08:46:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2007/10/11/34713.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/34713.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2007/10/11/34713.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/34713.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/34713.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><br>&nbsp;&nbsp; 对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE对盒模型的渲染在Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.compatMode正好派上用场，它有两种可能的返回值：<span style="COLOR: #ff0000">BackCompat和CSS1Compat</span>，对其解释如下：<br><span style="COLOR: #008000">BackCompat Standards-compliant mode is not switched on. (Quirks Mode)<br>CSS1Compat Standards-compliant mode is switched on. (Standards Mode)</span><br><br>&nbsp;&nbsp;&nbsp;&nbsp; 在实际的项目中，我们还需要在获取浏览是否IE，这样就可以得到IE的渲染模式了。在Ext中的代码：isBorderBox=isIE&amp;&amp;!isStrict。<p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/34713.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2007-10-11 16:46 <a href="http://www.cnitblog.com/yemoo/archive/2007/10/11/34713.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>有关window.undefined=window.undefined写法的理解(Ext2学习总结) </title><link>http://www.cnitblog.com/yemoo/archive/2007/10/11/34712.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Thu, 11 Oct 2007 08:37:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2007/10/11/34712.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/34712.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2007/10/11/34712.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/34712.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/34712.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><br>&nbsp; 在jquery中我们见到<span style="COLOR: #00008b">window.undefined=window.undefined</span>的写法，今日又在ext中见到<span style="COLOR: #00008b">window["undefined"]=window["undefined"]</span>，对其写法非常不理解，将自身赋给自身有什么意义，在网上狂搜一番也没有明确的解释，后来看到ext注释写了这么一句：for old browsers，很明显是为了兼容老的浏览器，思虑半天，似乎有了些理解。<br><br>&nbsp; 在较老的浏览器中，如IE5之前的浏览器，undefined并不是window对象的一个子对象，并不是一个已实现的系统保留字，而是代表一个未定义类型，除了直接赋值和typeof()之外，其它任何对undefined的操作都将导致异常。如果需要知道一个变量是否是undefined，只能采用typeof()的方法：如var v;if (typeof(v) == 'undefined') {// ...}。如果使用if(a==="undefined")则会报&#8220;undefined未定义&#8221;的错误。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;因此为了兼容IE5及之前的浏览器，我们可以使用一些方法来解决这个问题。本文前面说到的就是其中一种方式。window.undefined=window.undefined;咋一看很难理解，写法有点bt，但理解一下就不觉得奇怪了，在较早的浏览器中因为window.undefined不存在所以会返回undefined，将此赋给等号前的window.undefined这样后面就可以直接使用if(a==="undefined")的判断方式了。在新版本的浏览器中window.undefined=undefined；因此不会造成什么负面影响。<br><br>&nbsp; 除了使用window.undefined=window.undefined和window["undefined"]=window["undefined"]外，还有很多别的办法来实现对IE5及之前浏览器的兼容，如<br>var undefined = void null;&nbsp;&nbsp;//void函数永远返回undefined<br>var undefined = function(){}();<br>var undefined = void 0;<br>只要等号后的表达式返回undefined即可。<br><p<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script> <img src ="http://www.cnitblog.com/yemoo/aggbug/34712.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2007-10-11 16:37 <a href="http://www.cnitblog.com/yemoo/archive/2007/10/11/34712.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>兼容FF/IE的insertAdjacentHTML方法【Ext2学习总结】</title><link>http://www.cnitblog.com/yemoo/archive/2007/10/11/34711.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Thu, 11 Oct 2007 08:36:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2007/10/11/34711.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/34711.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2007/10/11/34711.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/34711.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/34711.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><br>&nbsp; 今日研读大名鼎鼎的Ext框架源码，开始以为他们的代码一定超复杂难懂，但读了一点才发现，代码写的非常清晰易懂，设计严谨巧妙，确实一帮牛人之作。<br>废话不多说，说说今日收获：今日读到insertHtml部分发现这个方法其实是实现了兼容FF的insertAdjacentHTML方法，仔细看看感觉挺不错，于是提取出来，便于今后使用。<br><br><strong>方法名称：</strong><span style="COLOR: #dc143c">insertHtml(where,el,html)</span><br><br><strong>参数介绍：</strong><br><span style="COLOR: #dc143c">where：</span>插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd。<br><span style="COLOR: #dc143c">el：</span>用于参照插入位置的html元素对象<br><span style="COLOR: #dc143c">html：</span>要插入的html代码<br><br><strong>源码如下：<br></strong>
<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: #000000">&lt;</span><span style="COLOR: #000000">script&nbsp;type</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text/javascript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;!--</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;insertHtml(where,&nbsp;el,&nbsp;html){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;where&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;where.toLowerCase();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(el.insertAdjacentHTML){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">switch</span><span style="COLOR: #000000">(where){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">case</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">beforebegin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.insertAdjacentHTML('BeforeBegin',&nbsp;html);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.previousSibling;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">case</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">afterbegin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.insertAdjacentHTML('AfterBegin',&nbsp;html);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.firstChild;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">case</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">beforeend</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.insertAdjacentHTML('BeforeEnd',&nbsp;html);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.lastChild;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">case</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">afterend</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.insertAdjacentHTML('AfterEnd',&nbsp;html);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.nextSibling;<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="COLOR: #0000ff">throw</span><span style="COLOR: #000000">&nbsp;'Illegal&nbsp;insertion&nbsp;point&nbsp;</span><span style="COLOR: #000000">-&gt;</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">'&nbsp;+&nbsp;where&nbsp;+&nbsp;'</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">';<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;range&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;el.ownerDocument.createRange();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;frag;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">switch</span><span style="COLOR: #000000">(where){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">case</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">beforebegin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;range.setStartBefore(el);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;frag&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;range.createContextualFragment(html);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.parentNode.insertBefore(frag,&nbsp;el);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.previousSibling;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">case</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">afterbegin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(el.firstChild){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;range.setStartBefore(el.firstChild);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;frag&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;range.createContextualFragment(html);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.insertBefore(frag,&nbsp;el.firstChild);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.firstChild;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.innerHTML&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;html;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.firstChild;<br>&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;</span><span style="COLOR: #0000ff">case</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">beforeend</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(el.lastChild){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;range.setStartAfter(el.lastChild);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;frag&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;range.createContextualFragment(html);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.appendChild(frag);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.lastChild;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.innerHTML&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;html;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.lastChild;<br>&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;</span><span style="COLOR: #0000ff">case</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">afterend</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;range.setStartAfter(el);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;frag&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;range.createContextualFragment(html);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;el.parentNode.insertBefore(frag,&nbsp;el.nextSibling);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;el.nextSibling;<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="COLOR: #0000ff">throw</span><span style="COLOR: #000000">&nbsp;'Illegal&nbsp;insertion&nbsp;point&nbsp;</span><span style="COLOR: #000000">-&gt;</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">'&nbsp;+&nbsp;where&nbsp;+&nbsp;'</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">';<br>&nbsp;&nbsp;&nbsp;&nbsp;}</span></div>
<br><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/34711.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2007-10-11 16:36 <a href="http://www.cnitblog.com/yemoo/archive/2007/10/11/34711.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>一段代码学习感想(使用面向对象方法将多维数组转换为一维数组)</title><link>http://www.cnitblog.com/yemoo/archive/2007/01/07/21622.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Sun, 07 Jan 2007 15:25:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2007/01/07/21622.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/21622.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2007/01/07/21622.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/21622.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/21622.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script>  <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">&#160;1</span>&#160;<span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&#160;selectOption(value,text){<br /></span><span style="COLOR: #008080">&#160;2</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">this</span><span style="COLOR: #000000">.value</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">value;<br /></span><span style="COLOR: #008080">&#160;3</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">this</span><span style="COLOR: #000000">.text</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">text;<br /></span><span style="COLOR: #008080">&#160;4</span>&#160;<span style="COLOR: #000000">}<br /></span><span style="COLOR: #008080">&#160;5</span>&#160;<span style="COLOR: #000000"><br /></span><span style="COLOR: #008080">&#160;6</span>&#160;<span style="COLOR: #000000"></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&#160;createSelect(selectName,selectOptions,currOptionValue){<br /></span><span style="COLOR: #008080">&#160;7</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;document.write(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&lt;select&#160;name=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">selectName</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">&#160;8</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">for</span><span style="COLOR: #000000">&#160;(</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;i</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">;i</span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">selectOptions.length;i</span><span style="COLOR: #000000">++</span><span style="COLOR: #000000">){<br /></span><span style="COLOR: #008080">&#160;9</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&#160;(selectOptions[i].value</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">currOptionValue){<br /></span><span style="COLOR: #008080">10</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;document.write(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&lt;option&#160;value='</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">selectOptions[i].value</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">'&#160;selected&gt;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">selectOptions[i].text</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&lt;/option&gt;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">11</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;}</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">{<br /></span><span style="COLOR: #008080">12</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;document.write(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&lt;option&#160;value='</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">selectOptions[i].value</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">'&gt;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">selectOptions[i].text</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&lt;/option&gt;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">13</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br /></span><span style="COLOR: #008080">14</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;}<br /></span><span style="COLOR: #008080">15</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;document.write(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&lt;/select&gt;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">16</span>&#160;<span style="COLOR: #000000">}<br /></span><span style="COLOR: #008080">17</span>&#160;<span style="COLOR: #000000"><br /></span><span style="COLOR: #008080">18</span>&#160;<span style="COLOR: #000000"></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&#160;selectValidityDayTypes(value){<br /></span><span style="COLOR: #008080">19</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;validityDayTypes</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;Array();<br /></span><span style="COLOR: #008080">20</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;validityDayTypes[</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">]</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;selectOption(</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">有效期</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">21</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;validityDayTypes[</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">]</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;selectOption(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">3</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">三天内</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">22</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;validityDayTypes[</span><span style="COLOR: #000000">2</span><span style="COLOR: #000000">]</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;selectOption(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">15</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">半个月</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">23</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;validityDayTypes[</span><span style="COLOR: #000000">3</span><span style="COLOR: #000000">]</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;selectOption(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">30</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">一个月</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">24</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;validityDayTypes[</span><span style="COLOR: #000000">4</span><span style="COLOR: #000000">]</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;selectOption(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">90</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">三个月</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">25</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;validityDayTypes[</span><span style="COLOR: #000000">5</span><span style="COLOR: #000000">]</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;selectOption(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">180</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">半年</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">26</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;validityDayTypes[</span><span style="COLOR: #000000">6</span><span style="COLOR: #000000">]</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;selectOption(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">365</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">一年</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">27</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;validityDayTypes[</span><span style="COLOR: #000000">7</span><span style="COLOR: #000000">]</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&#160;selectOption(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">1000</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">长期</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #008080">28</span>&#160;<span style="COLOR: #000000">&#160;&#160;&#160;&#160;createSelect(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">validityDay</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,validityDayTypes,value);<br /></span><span style="COLOR: #008080">29</span>&#160;<span style="COLOR: #000000">}</span></div>这是在某网站下载的一个js文件中的一个片段，该段js很容易看懂，但从中却使我学习到一点：通过建立对象的属性来将多维数组变为一维数组。<br /><br />其中思想是，将第二维声明为一个类，然后将该维中的每个数组项设为该类的属性，这样既使数组易于理解，更易于使用和管理。<br /><br />这个例子中将多个select选项使用数组形式表示出来，每个选项option又包括值和显示文字两部分。这里又可以使用数组来表示，但通过建立selectOption类来将值和显示文字设定为该类的属性来管理，这样操作和理解起来就容易的多了。<br /><br />同时也学习到：<font color="#0000ff">对于网页重复性较多的内容应该写成一个模块（函数或类），然后只需输入不同的内容来显示内容即可，而不用重复写入一些内容，如select等。<br /><br /></font>以后需要加强自己的面向对象的思维习惯了，这样才能将一些复杂的问题变为简单问题来解决。 
<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/21622.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2007-01-07 23:25 <a href="http://www.cnitblog.com/yemoo/archive/2007/01/07/21622.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>写了一个根据内容自动生成表格的函数</title><link>http://www.cnitblog.com/yemoo/archive/2006/12/03/19885.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Sat, 02 Dec 2006 18:18:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/12/03/19885.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/19885.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/12/03/19885.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/19885.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/19885.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br />晚上突然看到以前做asp时写的一个根据数据库数据自动生成表格的程序。<br />要求是：<br />1，对于空内容，应该写为"&lt;td&gt;&amp;nbsp;&lt;/td&gt;",否则在ie会显示的很变态（ie当作该单元格不存在）。<br />2，当输出数据条数不等于表格的&#8220;长X宽&#8221;时，用"&lt;td&gt;&amp;nbsp;&lt;/td&gt;"自动填补最后一行空余的地方。<br /><br />其实也很简单，当时做asp时用了一个较复杂的算法（下面代码中MakeTable2），今天又想到一个更容易理解的算法（MakeTable1）,今天用js实现了下，不过郁闷的是感觉效率上都一样，这样还是用第一个比较好（容易理解，代码少）。<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"><span style="COLOR: #0000ff">&lt;!</span><span style="COLOR: #ff00ff">DOCTYPE&#160;html&#160;PUBLIC&#160;"-//W3C//DTD&#160;XHTML&#160;1.0&#160;Transitional//EN"&#160;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">html&#160;</span><span style="COLOR: #ff0000">xmlns</span><span style="COLOR: #0000ff">="http://www.w3.org/1999/xhtml"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /><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 /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">meta&#160;</span><span style="COLOR: #ff0000">http-equiv</span><span style="COLOR: #0000ff">="Content-Type"</span><span style="COLOR: #ff0000">&#160;content</span><span style="COLOR: #0000ff">="text/html;&#160;charset=utf-8"</span><span style="COLOR: #ff0000">&#160;</span><span style="COLOR: #0000ff">/&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">Untitled&#160;1</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">style&#160;</span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/css"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #800000; BACKGROUND-COLOR: #f5f5f5"><br />.style1&#160;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">{</span><span style="COLOR: #ff0000; BACKGROUND-COLOR: #f5f5f5"><br />&#160;&#160;&#160;&#160;font-size</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">:</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">&#160;x-small</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;</span><span style="COLOR: #ff0000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}</span><span style="COLOR: #800000; BACKGROUND-COLOR: #f5f5f5"><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 /><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">span&#160;</span><span style="COLOR: #ff0000">class</span><span style="COLOR: #0000ff">="style1"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script&#160;</span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">/*</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br />&#160;&#160;&#160;&#160;函数作用：根据数组内容自动调整表格大小,对于空内容写入占位符，对于最后不足整行的用空单元格补足。<br />&#160;&#160;&#160;&#160;函数思路：首先计算数组长度，并根据要显示列数计算实际需要行数，然后循环输出行列并根据索引输出数组元素，<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;如果当前数组索引不小于数组长度或当前数组值为空则写入占位符单元格。<br /></span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">*/</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;makeTable1(cols,a){&#160;&#160;&#160;&#160;</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">cols为列数，a应该是一个用逗号分开的字符串</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;&#160;&#160;&#160;</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">alert(a.split(',').length);</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;t1</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">new</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;Date().getTime();<br />&#160;&#160;&#160;&#160;a</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">a.split(',');&#160;&#160;&#160;&#160;</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">显式转换为数组,否则ie不能识别为数组</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;l</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">a.length;&#160;&#160;&#160;&#160;</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">得到数组的长度</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;rows</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">parseInt(l</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">/</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">cols)</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(l</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">%</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">cols</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">==</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">?</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">:</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">1</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);&#160;&#160;&#160;&#160;</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">计算出行数</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;table&#160;border=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">1</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;align=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">center\</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">;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">for</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">rows;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">++</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;tr&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">for</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;j</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;j</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">cols;j</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">++</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;temp</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">cols</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">*</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">j;&#160;&#160;&#160;&#160;</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">计算当前索引</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;td&#160;width=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">80</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;align=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">center\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;height=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">80</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">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(&#160;(temp</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">l</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&amp;&amp;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">a[temp]</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">!=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">'')&#160;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">?</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;a[temp]:</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&amp;nbsp;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">)</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/td&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/tr&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br />&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/table&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />&#160;&#160;&#160;&#160;document.write(outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/br&gt;&lt;center&gt;执行时间：</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">new</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;Date().getTime()</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">t1)</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/center&gt;&lt;/br&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">alert(rows);</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}<br /></span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">/*</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br />&#160;&#160;&#160;&#160;函数作用：同上<br />&#160;&#160;&#160;&#160;函数思路：计算数组长度，然后根据长度循环输出元素值，如果当前循环变量值是列数的整数倍（余数为0），<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;则输出行结束标记。否则输出列信息。然后计算当前循环变量值是否是列数的整数倍，如果不是，利用循环补足。直至补齐。<br /></span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">*/</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;makeTable2(cols,a){<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;t2</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">new</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;Date().getTime();<br />&#160;&#160;&#160;&#160;a</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">a.split(',');<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;l</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">a.length;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;table&#160;border=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">1</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;align=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">center\</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">;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">for</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">l;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">++</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;temp</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">1</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">)</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">%</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">cols;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">if</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">==</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">||</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">temp</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">==</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">1</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;tr&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;td&#160;width=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">80</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;height=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">80</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;align=\</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">center\</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">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">a[i]</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/td&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">if</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(temp</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">==</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/tr&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;x</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">%</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">cols;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">if</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(x</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">!=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">for</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(cols</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">x);i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">++</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;td&gt;&amp;nbsp;&lt;/td&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/tr&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br />&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/table&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br />&#160;&#160;&#160;&#160;document.write(outStr</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/br&gt;&lt;center&gt;执行时间：</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">new</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;Date().getTime()</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">t2)</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&lt;/center&gt;&lt;/br&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />}<br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;str</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">a,b,c,d,e,v,f,s,e,d,s,d,e,d,a,b,c,d,e,v,f,s,e,d,s,d,e,a,b,c,d,e,v,f,s,e,d,s,b,c,d,e,v,f,s,e,d,s,d,e,d,a,b,c,d,e,v,f,s,e,d,s,d,e,a,b,c,d,e,v,f,s,e,d,s,b,c,d,e,v,f,s,e,d,s,d,e,d,a,b,c,d,e,v,f,s,e,d,s,d,e,a,b,c,d,e,v,f,s,e,d,s,s,e,d,s,d,e,a,b,c,d,e,v,f,s,e,d,s,b,c,d,e,v,f,s,e,d,s,d,e,d,a,b,c,d,e,v,f,s,e,d,s,d,e,a,b,c,d,e,v,f,s,e,d,s</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />str</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">str;<br />str</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">str;<br />makeTable1(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">5</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">,str);<br />makeTable2(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">5</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">,str);<br /></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">span</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 /><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span></div> 
<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/19885.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-12-03 02:18 <a href="http://www.cnitblog.com/yemoo/archive/2006/12/03/19885.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>兼容IE/FF的类title提示效果</title><link>http://www.cnitblog.com/yemoo/archive/2006/06/26/12878.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Mon, 26 Jun 2006 08:21:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/06/26/12878.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/12878.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/06/26/12878.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/12878.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/12878.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 昨天帮经典一位朋友解决了一个js的问题，但今天看一位网友回帖让偶郁闷了半天。&#8220; 3楼的在Firefox里啥也没有&#8221;，偶打开ff测试了下，果然是没有任何反映，看来标准上的问题以后要多多注意了。出现了好几次这样的问题了。原来楼主的问题时实现一种模拟title的一种很漂亮的效果，昨天下午偶花了半天功夫搞定了，代码如下：&lt;html&gt;&lt;head&gt;&#160;&...&nbsp;&nbsp;<a href='http://www.cnitblog.com/yemoo/archive/2006/06/26/12878.html'>阅读全文</a><img src ="http://www.cnitblog.com/yemoo/aggbug/12878.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-06-26 16:21 <a href="http://www.cnitblog.com/yemoo/archive/2006/06/26/12878.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>自动对select表单列表进行排序</title><link>http://www.cnitblog.com/yemoo/archive/2006/06/20/12573.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Tue, 20 Jun 2006 09:16:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/06/20/12573.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/12573.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/06/20/12573.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/12573.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/12573.html</trackback:ping><description><![CDATA[  <script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><textarea style="WIDTH: 99%; HEIGHT: 301px">&lt;! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;runcode&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;meta name="Author" content="Sheneyan" /&gt;
&lt;script type="text/javascript"&gt;
function s(n){
  var o=document.getElementById(n);
  if (!o) return ;
  var t=[],tt=o.options;
  while(tt.length&gt;0){
  t[t.length]=tt[0].text;
  tt.remove(0);
 }
 t.sort();
  for(var i=0,c;c=t[i];i++){
  tt.add(new Option(c));
 }
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body onload="s('abc')"&gt;
&lt;select id="abc"&gt;
&lt;option&gt;华硕&lt;/option&gt;
&lt;option&gt;.NET &lt;/option&gt;
&lt;option&gt;360 安全卫士&lt;/option&gt;
&lt;option&gt;ACDSee&lt;/option&gt;
&lt;option&gt;Adobe&lt;/option&gt;
&lt;option&gt;Firewall&lt;/option&gt;
&lt;option&gt;Alcohol 120%&lt;/option&gt;
&lt;option&gt;AMD&lt;/option&gt;
&lt;option&gt;AnyDVD&lt;/option&gt;
&lt;option&gt;Apple&lt;/option&gt;
&lt;option&gt;ATi&lt;/option&gt;
&lt;option&gt;AutoDesk&lt;/option&gt;
&lt;option&gt;罗技&lt;/option&gt;
&lt;option&gt;BitComet&lt;/option&gt;
&lt;option&gt;BitSpirit(比特精灵)&lt;/option&gt;
&lt;option&gt;BlackIce&lt;/option&gt;
&lt;option&gt;BlueTooth&lt;/option&gt;
&lt;option&gt;Cisco &lt;/option&gt;
&lt;option&gt;CloneCD&lt;/option&gt;
&lt;option&gt;CloneDVD&lt;/option&gt;
&lt;option&gt;CS-半条命&lt;/option&gt;
&lt;option&gt;CuteFTP&lt;/option&gt;
&lt;option&gt;千千静听&lt;/option&gt;
&lt;option&gt;趋势科技(PC-cillin)&lt;/option&gt;
&lt;option&gt;DAEMON Tools&lt;/option&gt;
&lt;option&gt;DELL&lt;/option&gt;
&lt;option&gt;DirectX&lt;/option&gt;
&lt;option&gt;DivX&lt;/option&gt;
&lt;option&gt;DreamMail&lt;/option&gt;
&lt;option&gt;PowerDVD&lt;/option&gt;
&lt;option&gt;Easy CD-DA&lt;/option&gt;
&lt;option&gt;瑞星(Rising)&lt;/option&gt;
&lt;option&gt;Editplus&lt;/option&gt;
&lt;option&gt;EmEditor&lt;/option&gt;
&lt;option&gt;eMule&lt;/option&gt;
&lt;option&gt;eMule Plus&lt;/option&gt;
&lt;option&gt;FeedDemon&lt;/option&gt;
&lt;option&gt;FileZilla&lt;/option&gt;
&lt;option&gt;FlashFXP&lt;/option&gt;
&lt;option&gt;Flashget&lt;/option&gt;
&lt;option&gt;foobar2000&lt;/option&gt;
&lt;option&gt;Foxit PDF Reader&lt;/option&gt;
&lt;option&gt;Foxmail&lt;/option&gt;
&lt;option&gt;FreeBSD&lt;/option&gt;
&lt;option&gt;FTPRush&lt;/option&gt;
&lt;option&gt;Gmail&lt;/option&gt;
&lt;option&gt;Google talk&lt;/option&gt;
&lt;option&gt;Google&lt;/option&gt;
&lt;option&gt;GoogleToolbar&lt;/option&gt;
&lt;option&gt;GoSURF&lt;/option&gt;
&lt;option&gt;GreenBrowser&lt;/option&gt;
&lt;option&gt;HP&lt;/option&gt;
&lt;option&gt;HyperSnap-DX&lt;/option&gt;
&lt;option&gt;IBM&lt;/option&gt;
&lt;option&gt;ICQ&lt;/option&gt;
&lt;option&gt;iMac G5&lt;/option&gt;
&lt;option&gt;Intel&lt;/option&gt;
&lt;option&gt;Internet Explorer&lt;/option&gt;
&lt;option&gt;IPB&lt;/option&gt;
&lt;option&gt;iTune&lt;/option&gt;
&lt;option&gt;腾讯&lt;/option&gt;
&lt;option&gt;微软&lt;/option&gt;
&lt;option&gt;木马克星(iparmor)&lt;/option&gt;
&lt;option&gt;天网防火墙&lt;/option&gt;
&lt;option&gt;木马捆绑克星&lt;/option&gt;
&lt;option&gt;风云防火墙个人版&lt;/option&gt;
&lt;option&gt;卡巴斯基(Kaspersky)&lt;/option&gt;
&lt;option&gt;Maxthon 傲游&lt;/option&gt;
&lt;option&gt;Media Player Classic&lt;/option&gt;
&lt;option&gt;Windows Media Player&lt;/option&gt;
&lt;option&gt;Windows Live Messenger&lt;/option&gt;
&lt;option&gt;Microsoft AntiSpyware&lt;/option&gt;
&lt;option&gt;Microsoft Office&lt;/option&gt;
&lt;option&gt;Mozilla FireFox&lt;/option&gt;
&lt;option&gt;Mozilla ThunderBird&lt;/option&gt;
&lt;option&gt;MySQL&lt;/option&gt;
&lt;option&gt;Nero&lt;/option&gt;
&lt;option&gt;NetCaptor&lt;/option&gt;
&lt;option&gt;Nettransport&lt;/option&gt;
&lt;option&gt;nVIDIA nForce&lt;/option&gt;
&lt;option&gt;鱼鱼桌面秀&lt;/option&gt;
&lt;option&gt;Opera&lt;/option&gt;
&lt;option&gt;PHP&lt;/option&gt;
&lt;option&gt;QQ病毒专杀工具&lt;/option&gt;
&lt;option&gt;QuickTime&lt;/option&gt;
&lt;option&gt;RealPlayer&lt;/option&gt;
&lt;option&gt;skype&lt;/option&gt;
&lt;option&gt;SQL Server 2005&lt;/option&gt;
&lt;option&gt;stylexp&lt;/option&gt;
&lt;option&gt;TheWorld Browser&lt;/option&gt;
&lt;option&gt;TuneUp Utilities&lt;/option&gt;
&lt;option&gt;UltraEdit&lt;/option&gt;
&lt;option&gt;UltraISO&lt;/option&gt;
&lt;option&gt;Winamp&lt;/option&gt;
&lt;option&gt;Windows OneCare&lt;/option&gt;
&lt;option&gt;Windows优化王&lt;/option&gt;
&lt;option&gt;Windows优化大师&lt;/option&gt;
&lt;option&gt;WinDVD&lt;/option&gt;
&lt;option&gt;WinRAR&lt;/option&gt;
&lt;option&gt;WinZip&lt;/option&gt;
&lt;option&gt;XnView&lt;/option&gt;
&lt;option&gt;Zonealarm&lt;/option&gt;
&lt;option&gt;Zoom Player&lt;/option&gt;
&lt;option&gt;超级兔子&lt;/option&gt;
&lt;option&gt;风雷影音&lt;/option&gt;
&lt;option&gt;急速启动 HurryRun&lt;/option&gt;
&lt;/select&gt;
&lt;/body&gt;
&lt;/html&gt;</textarea>
  <br />主要有以下几点总结：<br />1，select控件本身支持字母索引。比如select控件处于焦点中的时候，按B键，option中相应的以B开头的选项就会显示出来。<br /><br />2，<br /><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;t</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">[],tt</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">o.options;<br />&#160;&#160;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">while</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;(tt.length</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;t[t.length]</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">tt[</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">].text;<br />&#160;&#160;&#160;&#160;tt.remove(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />&#160;&#160;}</span><br />这段代码写的较好，但一开始没有理解，<br />这段代码的作用是一项一项赋值select空间列表内容赋给另一个数组。<br />首先定义数组t=[](<font color="#ff0000">这种定义方法偶还是头次见到，孤陋寡闻了</font>);用于存储原select控件列表内容。<br />tt=o.options;读取select空间内容，以数组形式存储在tt数组中。<br /><font style="BACKGROUND-COLOR: #f5f5f5">t[t.length]<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span></font><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">tt[</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">].text;这里时一个技巧，因为t.length总是比当前t的最大索引大1，所以这样写数组t可以自动增加空间。tt[0].text这里每次都读取第一个内容，然后用tt.remove(<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);删除第一项内容，直至读取完毕。<br /><br />3，<br />t.sort();<br />&#160;&#160;<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">for</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">,c;c</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">t[i];i</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">++</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">){<br />&#160;&#160;&#160;&#160;tt.add(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">new</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&#160;Option(c));<br />&#160;&#160;}这段代码对新数组内容按字母派讯，然后写入原select空间列表。<br /></span><br /></span></span> <p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/12573.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-06-20 17:16 <a href="http://www.cnitblog.com/yemoo/archive/2006/06/20/12573.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>mail.163.com代码研究(三)</title><link>http://www.cnitblog.com/yemoo/archive/2006/06/18/12470.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Sun, 18 Jun 2006 15:39:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/06/18/12470.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/12470.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/06/18/12470.html#Feedback</comments><slash:comments>3</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/12470.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/12470.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><br>这个代码是输入帐号密码登陆成功之后的页面的js代码:<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: #000000">&lt;</span><span style="COLOR: #000000">script&#160;language</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">JavaScript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #000000">&lt;!--</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;s&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />s&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;document.domain;<br />window.zDomain&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;s;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;gSID&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">MBoujIFRhqQAkJVj</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;gUID</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">netman8410@163.com</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;gUser&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">netman8410</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;gCssStylePath&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.163.com/jsstyle/cmcss/163_blue_s.css</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;gDomain&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">163.com</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;cosnm&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">normal_fj20m_nf_64m</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;netfdr_host&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://wp.mail.163.com</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;netDiskPath&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/netfolder/servlet/nfapp/main_list.html?</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;cos_netfolder&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(cos_netfolder&#160;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;cos_netfolder&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />}<br /></span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">--&gt;</span><span style="COLOR: #008000"><br /></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;<br /></span><span style="COLOR: #000000">&lt;!--上述代码是一些变量的初始化--&gt;<br /></span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">script&#160;language</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">JavaScript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #000000">&lt;!--</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&#160;fGetVersion()<br />{<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;userAgent&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;window.navigator.userAgent.toLowerCase();<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;AppName&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;Version&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;Sys&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(userAgent.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">msie</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">&gt;-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AppName&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">msie</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Version&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;userAgent.replace(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">.</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">msie</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">gi,</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">).replace(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">;.</span><span style="COLOR: #000000">+/</span><span style="COLOR: #000000">gi,</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">)&#160;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;}</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(userAgent.toUpperCase().indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">firefox</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">&gt;-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AppName&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">firefox</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Version&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;userAgent.replace(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">.</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">firefox\</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">gi,"").replace(/\(.*\)/g,"")&#160;-&#160;0;</span><span style="COLOR: #008000"><br /></span><span style="COLOR: #000000">&#160;&#160;&#160;&#160;}</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(userAgent.toUpperCase().indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">netscape</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">&gt;-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AppName&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">netscape</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Version&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;userAgent.replace(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">.</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">netscape\</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">gi,"").replace(/\(.*\)/g,"")&#160;-&#160;0;</span><span style="COLOR: #008000"><br /></span><span style="COLOR: #000000">&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">((AppName&#160;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">msie</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">&amp;&amp;</span><span style="COLOR: #000000">&#160;Version&#160;</span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">5</span><span style="COLOR: #000000">)&#160;</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">&#160;(AppName&#160;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">firefox</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">&amp;&amp;</span><span style="COLOR: #000000">&#160;Version&#160;</span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">)&#160;</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">&#160;(AppName&#160;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">netscape</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">&amp;&amp;</span><span style="COLOR: #000000">&#160;Version</span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">7.2</span><span style="COLOR: #000000">)&#160;</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">&#160;userAgent.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">macintosh</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&#160;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">&#160;userAgent.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">konqueror</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&#160;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">&#160;userAgent.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">safari</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&#160;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">||</span><span style="COLOR: #000000">&#160;userAgent.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">camino</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)&#160;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;document.location.href&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&#160;gDomain&#160;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/jsstyle/html/clientagenerror.htm</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;}<br />}<br />fGetVersion();<br />window.onload&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(){<br />&#160;&#160;&#160;&#160;fGTO(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">indexFrame</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).src&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&#160;gDomain&#160;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/jsstyle/html/gblank0606131756.htm</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;fGTO(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">contentFrame</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).src&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&#160;gDomain&#160;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/jsstyle/html/blankpage.htm</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;fGTO(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">submitFrame</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).src&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&#160;gDomain&#160;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/jsstyle/html/blankpage.htm</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;fGTO(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">historyFrame</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).src&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&#160;gDomain&#160;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/jsstyle/html/history_1.htm</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;fGTO(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">debugFrame</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).src&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&#160;gDomain&#160;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/jsstyle/html/blankpage.htm</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;fGTO(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">jsFrame</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).src&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&#160;gDomain&#160;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/jsstyle/html/globe0606131756.htm</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;fGTO(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">addressFrame</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).src&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/coremail/fcg/ldvcapp?funcid=prtsearchres&amp;sid=MBoujIFRhqQAkJVj&amp;sortattr_N=&amp;showlist=&amp;ifirstv=&amp;tempname=address/addrdata_ntes.htm&amp;listnum=-1</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;fGTO(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">userFrame</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).src&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">/coremail/fcg/ldapapp?sid=MBoujIFRhqQAkJVj&amp;funcid=opuserattr&amp;optype=print&amp;tempname=options/userattr.htm</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />}<br /><br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&#160;fGTO(id){<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&#160;document.getElementById(id);<br />}<br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&#160;unload(){<br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(&#160;gDomain&#160;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">163.com</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;window.open&#160;(&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://popme.163.com/ad/popwin720300_freemail163.html</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vip_720</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">width=720,height=300,&#160;toolbar=no,&#160;menubar=no,&#160;scrollbars=no,&#160;resizable=no,&#160;location=no,&#160;status=no</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br />&#160;&#160;&#160;&#160;}</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(&#160;gDomain&#160;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">126.com</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;window.open&#160;(&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://popme.163.com/ad/popwin720300_freemail126.html</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vip_720</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">width=720,height=300,&#160;toolbar=no,&#160;menubar=no,&#160;scrollbars=no,&#160;resizable=no,&#160;location=no,&#160;status=no</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br />&#160;&#160;&#160;&#160;}<br />}<br /></span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">--&gt;</span><span style="COLOR: #008000"><br /></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span></div>1,第一部分的js代码作用是初始化一些变量.由系统后台动态生成.<br />2,fGetVersion()函数在上一次代码分析中已经出现,这里不在解释.这里的作用是当浏览器版本不支持当前代码时自动转向到相应的显示页面.<br />3,<strong><font color="#ff0000">window.onload = function()</font></strong>这样的写法是一种比较灵活的写法,便于使html与js更加独立.相当于在body标记里写上onload属性.在这里定义一个函数在页面加载时自动执行.<br />4,fGTO(id)函数相当于把document.getElementByID(id)简写.在上一个函数中fGTO("indexFrame").src之类几个地方是对对象src属性的直接操作,动态写入相应的内容,这里应用DOM对象.<br />5,unload()函数作用是在页面退出时弹出相应的页面. <p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/12470.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-06-18 23:39 <a href="http://www.cnitblog.com/yemoo/archive/2006/06/18/12470.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>mail.163.com代码研究(二)</title><link>http://www.cnitblog.com/yemoo/archive/2006/06/18/12453.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Sun, 18 Jun 2006 04:41:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/06/18/12453.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/12453.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/06/18/12453.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/12453.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/12453.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script>  <p>
    <font color="#ff0000">具体代码如下:</font>
  </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">
    <span style="COLOR: #0000ff">function</span>
    <span style="COLOR: #000000">&#160;fLoginFormSubmit()<br />{<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;fm&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;window.document.login163;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;user&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;fm.username;<br />&#160;&#160;&#160;&#160;user.value&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;fTrim(&#160;user.value);&#160;</span>
    <span style="COLOR: #008000">//</span>
    <span style="COLOR: #008000">Trim&#160;the&#160;input&#160;value.</span>
    <span style="COLOR: #008000">
      <br />
    </span>
    <span style="COLOR: #000000">
      <br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;user.value&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">)&#160;{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;window.alert(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">\请输入您的用户名&#160;?</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;user.focus();<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;event.returnValue&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">false</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">return</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">false</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;}&#160;&#160;&#160;&#160;<br /><br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;fm.password.value.length&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">)&#160;{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;window.alert(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">\请输入您的密码&#160;?</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;fm.password.focus();<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;event.returnValue&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">false</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">return</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">false</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;}<br /><br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;ati&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;user.value.indexOf(&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">@</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">);&#160;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;ati&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">&#160;){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;user.value&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;user.value.substring(</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">,&#160;ati);&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;secure&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;fm.remUser.checked</span>
    <span style="COLOR: #000000">?</span>
    <span style="COLOR: #0000ff">true</span>
    <span style="COLOR: #000000">:</span>
    <span style="COLOR: #0000ff">false</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #008000">//</span>
    <span style="COLOR: #008000">var&#160;url&#160;=&#160;"http://reg.163.com/in.jsp?url=http://mimg.163.com/oy_vip.htm?";</span>
    <span style="COLOR: #008000">
      <br />
    </span>
    <span style="COLOR: #000000">&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;url&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">http://reg.163.com/login.jsp?url=http://fm163.163.com/coremail/fcg/ntesdoor2?</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #008000">//</span>
    <span style="COLOR: #008000">var&#160;url&#160;=&#160;"http://reg.163.com/in.jsp?url=http://mimg.163.com/oy_frommail.htm?";</span>
    <span style="COLOR: #008000">
      <br />
    </span>
    <span style="COLOR: #000000">&#160;&#160;&#160;&#160;url&#160;</span>
    <span style="COLOR: #000000">+=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">verifycookie%3D1%26</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;secure){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;user.autocomplete</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">on</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;}</span>
    <span style="COLOR: #0000ff">else</span>
    <span style="COLOR: #000000">{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;user.autocomplete</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">off</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;}&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;fGetVersion(fm);<br />&#160;&#160;&#160;&#160;fm.action&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;url&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">language%3D-1%26style%3D</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;fm.style.value;<br />&#160;&#160;&#160;&#160;visitordata.setVals(&#160;[fm.username.value,fm.style.value,fm.secure.checked</span>
    <span style="COLOR: #000000">?</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">:</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">&#160;],&#160;fm.remUser.checked</span>
    <span style="COLOR: #000000">?</span>
    <span style="COLOR: #0000ff">true</span>
    <span style="COLOR: #000000">:</span>
    <span style="COLOR: #0000ff">false</span>
    <span style="COLOR: #000000">&#160;);<br />&#160;&#160;&#160;&#160;visitordata.store();<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">return</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">true</span>
    <span style="COLOR: #000000">;<br />}<br /></span>
    <span style="COLOR: #0000ff">function</span>
    <span style="COLOR: #000000">&#160;fGetVersion(fm)<br />{<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">try</span>
    <span style="COLOR: #000000">{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;userAgent&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;window.navigator.userAgent;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;AppName&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;Version&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(userAgent.indexOf(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">MSIE</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">)</span>
    <span style="COLOR: #000000">&gt;-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AppName&#160;&#160;&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">msie</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Version&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;userAgent.replace(</span>
    <span style="COLOR: #000000">/</span>
    <span style="COLOR: #000000">.</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">MSIE</span>
    <span style="COLOR: #000000">/</span>
    <span style="COLOR: #000000">gi,</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">).replace(</span>
    <span style="COLOR: #000000">/</span>
    <span style="COLOR: #000000">;.</span>
    <span style="COLOR: #000000">+/</span>
    <span style="COLOR: #000000">gi,</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">;&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}</span>
    <span style="COLOR: #0000ff">else</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(userAgent.toUpperCase().indexOf(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">FIREFOX</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">)</span>
    <span style="COLOR: #000000">&gt;-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AppName&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">firefox</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Version&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;userAgent.replace(</span>
    <span style="COLOR: #000000">/</span>
    <span style="COLOR: #000000">.</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">Firefox\</span>
    <span style="COLOR: #008000">//</span>
    <span style="COLOR: #008000">gi,"").replace(/\(.*\)/g,"")&#160;-&#160;0;</span>
    <span style="COLOR: #008000">
      <br />
    </span>
    <span style="COLOR: #000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}</span>
    <span style="COLOR: #0000ff">else</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(userAgent.toUpperCase().indexOf(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">NETSCAPE</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">)</span>
    <span style="COLOR: #000000">&gt;-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AppName&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">netscape</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Version&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;userAgent.replace(</span>
    <span style="COLOR: #000000">/</span>
    <span style="COLOR: #000000">.</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">NETSCAPE\</span>
    <span style="COLOR: #008000">//</span>
    <span style="COLOR: #008000">gi,"").replace(/\(.*\)/g,"")&#160;-&#160;0;</span>
    <span style="COLOR: #008000">
      <br />
    </span>
    <span style="COLOR: #000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">((AppName&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">msie</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">&amp;&amp;</span>
    <span style="COLOR: #000000">&#160;Version&#160;</span>
    <span style="COLOR: #000000">&lt;</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">5</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">||</span>
    <span style="COLOR: #000000">&#160;(AppName&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">firefox</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">&amp;&amp;</span>
    <span style="COLOR: #000000">&#160;Version&#160;</span>
    <span style="COLOR: #000000">&lt;</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">||</span>
    <span style="COLOR: #000000">&#160;(AppName&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">netscape</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">&amp;&amp;</span>
    <span style="COLOR: #000000">&#160;Version</span>
    <span style="COLOR: #000000">&lt;</span>
    <span style="COLOR: #000000">7.2</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">||</span>
    <span style="COLOR: #000000">&#160;userAgent.indexOf(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">macintosh</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">||</span>
    <span style="COLOR: #000000">&#160;userAgent.indexOf(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">konqueror</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">||</span>
    <span style="COLOR: #000000">&#160;userAgent.indexOf(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">safari</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">||</span>
    <span style="COLOR: #000000">&#160;userAgent.indexOf(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">camino</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;fm.style.value&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">34</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;}</span>
    <span style="COLOR: #0000ff">catch</span>
    <span style="COLOR: #000000">(e){}<br />}<br /></span>
    <span style="COLOR: #0000ff">function</span>
    <span style="COLOR: #000000">&#160;Cookie(&#160;document,&#160;name,&#160;domain&#160;)<br />{<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$document&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;document;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$name&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;name;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$expiration&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">new</span>
    <span style="COLOR: #000000">&#160;Date(</span>
    <span style="COLOR: #000000">2099</span>
    <span style="COLOR: #000000">,</span>
    <span style="COLOR: #000000">12</span>
    <span style="COLOR: #000000">,</span>
    <span style="COLOR: #000000">31</span>
    <span style="COLOR: #000000">);<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$domain&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;domain;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">null</span>
    <span style="COLOR: #000000">;<br />}<br />Cookie.prototype.store&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">function</span>
    <span style="COLOR: #000000">()<br />{<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;cookieval&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">null</span>
    <span style="COLOR: #000000">)<br />&#160;&#160;&#160;&#160;{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">for</span>
    <span style="COLOR: #000000">(&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;i</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">;&#160;i</span>
    <span style="COLOR: #000000">&lt;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data.length;i</span>
    <span style="COLOR: #000000">++</span>
    <span style="COLOR: #000000">)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;cookieval&#160;</span>
    <span style="COLOR: #000000">+=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data[i].join(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">:</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&amp;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;cookieval&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">&amp;&amp;</span>
    <span style="COLOR: #000000">&#160;cookieval.charAt(&#160;cookieval.length</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&amp;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;cookieval&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;cookieval.substring(&#160;</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">,cookieval.length</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">);<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;cookie&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$name&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;cookieval&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;expires=</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$expiration.toGMTString()&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;domain=</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$domain;<br />&#160;&#160;&#160;&#160;window.document.cookie&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;cookie;<br />}<br />Cookie.prototype.load&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">function</span>
    <span style="COLOR: #000000">()<br />{<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;allcookies&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$document.cookie;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;allcookies&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #0000ff">return</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">false</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;start&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;allcookies.indexOf(&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$name&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&#160;);<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;start&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">)&#160;</span>
    <span style="COLOR: #0000ff">return</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">false</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;start&#160;</span>
    <span style="COLOR: #000000">+=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.$name.length&#160;</span>
    <span style="COLOR: #000000">+</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;end&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;allcookies.indexOf(&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">,&#160;start&#160;);<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;end&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">-</span>
    <span style="COLOR: #000000">1</span>
    <span style="COLOR: #000000">)&#160;end&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;allcookies.length;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;cookieval</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;allcookies.substring(&#160;start,&#160;end&#160;);<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;a&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;cookieval.split(</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">&amp;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">);<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">for</span>
    <span style="COLOR: #000000">(&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;i</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">;i</span>
    <span style="COLOR: #000000">&lt;</span>
    <span style="COLOR: #000000">a.length;&#160;i</span>
    <span style="COLOR: #000000">++</span>
    <span style="COLOR: #000000">)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;a[i]&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;a[i].split(':');<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #008000">//</span>
    <span style="COLOR: #008000">用户名:风格:安全</span>
    <span style="COLOR: #008000">
      <br />
    </span>
    <span style="COLOR: #000000">&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;a;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">return</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">true</span>
    <span style="COLOR: #000000">;<br />}<br />Cookie.prototype.setVals&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">function</span>
    <span style="COLOR: #000000">(&#160;a,&#160;flag&#160;)<br />{<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data&#160;</span>
    <span style="COLOR: #000000">==</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">null</span>
    <span style="COLOR: #000000">)<br />&#160;&#160;&#160;&#160;{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;flag&#160;)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;[];<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data[</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">]&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;a;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">else</span>
    <span style="COLOR: #000000">
      <br />&#160;&#160;&#160;&#160;{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data[</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">][</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">]&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;a[</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">];<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;flag)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">return</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">else</span>
    <span style="COLOR: #000000">
      <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">this</span>
    <span style="COLOR: #000000">.data&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">null</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;}<br />}<br /></span>
    <span style="COLOR: #0000ff">function</span>
    <span style="COLOR: #000000">&#160;fInitUserName()<br />{<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;fm&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;window.document.login163;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;name&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;visitordata.data&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">null</span>
    <span style="COLOR: #000000">)<br />&#160;&#160;&#160;&#160;{&#160;&#160;&#160;&#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;name&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;visitordata.data[</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">][</span>
    <span style="COLOR: #000000">0</span>
    <span style="COLOR: #000000">];<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;fm.remUser.checked&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">true</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;fm.username.autocomplete</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">on</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #008000">//</span>
    <span style="COLOR: #008000">fm.secure.checked&#160;=&#160;(visitordata.data[0][3]==1);</span>
    <span style="COLOR: #008000">
      <br />
    </span>
    <span style="COLOR: #000000">&#160;&#160;&#160;&#160;}</span>
    <span style="COLOR: #0000ff">else</span>
    <span style="COLOR: #000000">{<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;fm.username.autocomplete</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">off</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">;<br />&#160;&#160;&#160;&#160;}<br />&#160;&#160;&#160;&#160;fm.username.focus();<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">if</span>
    <span style="COLOR: #000000">(&#160;name&#160;</span>
    <span style="COLOR: #000000">!=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;fm.username.focus();<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;fm.username.value&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;name;<br />&#160;&#160;&#160;&#160;}<br />}<br /></span>
    <span style="COLOR: #0000ff">function</span>
    <span style="COLOR: #000000">&#160;fTrim(str)<br />{<br />&#160;&#160;&#160;&#160;</span>
    <span style="COLOR: #0000ff">return</span>
    <span style="COLOR: #000000">&#160;str.replace(</span>
    <span style="COLOR: #000000">/</span>
    <span style="COLOR: #000000">(</span>
    <span style="COLOR: #000000">^</span>
    <span style="COLOR: #000000">\s</span>
    <span style="COLOR: #000000">*</span>
    <span style="COLOR: #000000">)</span>
    <span style="COLOR: #000000">|</span>
    <span style="COLOR: #000000">(\s</span>
    <span style="COLOR: #000000">*</span>
    <span style="COLOR: #000000">$)</span>
    <span style="COLOR: #000000">/</span>
    <span style="COLOR: #000000">g,&#160;</span>
    <span style="COLOR: #000000">""</span>
    <span style="COLOR: #000000">);&#160;<br />}<br /></span>
    <span style="COLOR: #0000ff">var</span>
    <span style="COLOR: #000000">&#160;visitordata&#160;</span>
    <span style="COLOR: #000000">=</span>
    <span style="COLOR: #000000">&#160;</span>
    <span style="COLOR: #0000ff">new</span>
    <span style="COLOR: #000000">&#160;Cookie(&#160;document,&#160;</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">nts_mail_user</span>
    <span style="COLOR: #000000">"</span>
    <span style="COLOR: #000000">,&#160;document.domain);<br />visitordata.load();</span>
  </div>１，先来分析fTrim()函数,这个函数的功能是过滤字符串两端的空格,类似于VBS里的Trim()函数．在这里他主要是通过正则表达式来实现的，正则表达式具有功能强大，代码短小精悍的特点，昨天偶专门学习了下正则表达式的用法，这里匹配模式为<font color="#ff0000"><strong>/(^\s*)|(\s*$)/g</strong></font>,两端斜线＂/＂和＂/＂表示斜线内部是正则表达式的匹配模式，中间＂｜＂表示两端括号内内容匹配其中之一就算匹配到．<font color="#006400">g表示全文检索，如果不写这个g则匹配到第一个符合要求的字符串就停止检索．</font>如上面的匹配模式如果没有g，（若左端有空格）则只会过滤左端空格，而不过滤右端．用()括住的部分表示这里是一组内容．第一个括号内^表示匹配内容必须从最左端开始，\s表示匹配空格，制表符，换行符．*表示匹配零个或多个前面的字符．第二个括号内的$表示匹配内容在结尾部分．这样匹配模式就可以过滤字符串两端的空格了．<br /><br />２，再看fLoginFormSubmit()函数．<br />var ati = user.value.indexOf( "@"); <br />&#160;if( ati != -1 ){<br />&#160;&#160;user.value = user.value.substring(0, ati);&#160;<br />&#160;}表示如果用户输入的是邮箱全称，则过滤@及其右端内容．<br /><br />３，函数function fGetVersion()：<br />用window.navigator.userAgent得到浏览器全称，如偶的电脑得到Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Maxthon) ，然后通过userAgent.indexOf("MSIE")&gt;-1判断是否是ie，如果找到则返回其相应索引位置，否则返回－１，Version&#160;= userAgent.replace(/.+MSIE/gi,"").replace(/;.+/gi,"") - 0;利用正则表达式先过滤MSIE及其之前所有内容，然后过滤剩余内容所有以;开始的所有内容，剩余内容即为浏览器版本号，如偶的是６.０．<br /><strong><font color="#ffa500">if((AppName == "msie" &amp;&amp; Version &lt; 5) || (AppName == "firefox" &amp;&amp; Version &lt;1) || (AppName == "netscape" &amp;&amp; Version&lt;7.2) || userAgent.indexOf("macintosh") != -1 || userAgent.indexOf("konqueror") != -1 || userAgent.indexOf("safari") != -1 || userAgent.indexOf("camino") != -1)</font></strong>对浏览器进行完整判断，对苹果linux及ie下低版本浏览器进行了完整的判断．<br />４，另外这里利用prototype属性对用户自定义cookie对象进行了扩展．<br /><br /><font color="#ff0000"><strong>偶学习之后写的测试代码：<br /></strong><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: #000000">&lt;</span><span style="COLOR: #000000">script&#160;type</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text/javascript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;useragent</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">window.navigator.userAgent;<br />version</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">useragent.replace(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">.</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">MSIE</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">gi,</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">).replace(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">;.</span><span style="COLOR: #000000">+/</span><span style="COLOR: #000000">gi,</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">);<br />document.write(useragent);<br />alert(version);<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&#160;str</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&#160;&#160;testspace&#160;&#160;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />str1</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">str.replace(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">(</span><span style="COLOR: #000000">^</span><span style="COLOR: #000000">\s</span><span style="COLOR: #000000">*</span><span style="COLOR: #000000">)</span><span style="COLOR: #000000">|</span><span style="COLOR: #000000">(\s</span><span style="COLOR: #000000">*</span><span style="COLOR: #000000">$)</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">g,</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">);<br />alert(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">+str+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">);<br />alert(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">+str1+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">);<br /></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span></div></font> <br><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/12453.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-06-18 12:41 <a href="http://www.cnitblog.com/yemoo/archive/2006/06/18/12453.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>仿网易“邮箱克隆”弹出窗口效果</title><link>http://www.cnitblog.com/yemoo/archive/2006/06/17/12400.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Fri, 16 Jun 2006 16:52:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/06/17/12400.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/12400.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/06/17/12400.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/12400.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/12400.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script>  <p>一直使用发现163的邮箱中ajax应用相当完美，特别是邮箱克隆中弹出窗口效果，简直就是模拟软件，很酷！可不知道代码是怎么写的，没来得及研究。今天偶然在javascript论坛看到有人贴出了代码，便收藏了。</p>
  <textarea style="WIDTH: 99%; HEIGHT: 249px">&lt;html&gt; 
&lt;head&gt; 
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; 
&lt;title&gt;弹出特效&lt;/title&gt; 
&lt;/head&gt; 
&lt;script&gt; 
var falpha=0;
function fchange(){
if(falpha!=90){
    table1.style.filter="alpha(opacity="+falpha+")";
    falpha=falpha+10;
    setTimeout("fchange()",200)
}else{ 
    falpha=0;
  }
}
function sss(){
    table1.style.height=(window.document.body.clientHeight&gt;window.document.body.scrollHeight)?window.document.body.clientHeight:window.document.body.scrollHeight;
    table1.style.width="100%";
    table1.style.display='block';
    table2.style.left=window.document.body.scrollWidth/2-100;
    table2.style.top=window.document.body.offsetHeight/2-100; 
    table2.style.display='block';
    fchange();
}

function freset(){
table1.style.display='none'
table2.style.display='none'
}

&lt;/script&gt; 
&lt;body topmargin=0 leftmargin=0 bgcolor=yellow style="display:block;"&gt; 
&lt;table id="table1" style="background:#FFFFFF;display:none;position:absolute;z-index:1;filter:alpha(opacity=90)" oncontextmenu="return false"&gt; 
&lt;tr width=100% height=100%&gt; 
&lt;td&gt; 

&lt;/table&gt; 

&lt;table oncontextmenu="return false" id="table2" border="2" style="background:#E1E100;border-color:red;display:none;position:absolute;z-index:2;width:200;height:100;" cellspacing="0" cellpadding="0" bordercolor="#800000"&gt; 
&lt;tr width=150 height=20&gt; 
&lt;td align="right" borderColor="#E1E100"&gt; 
&lt;input type="button" onclick="freset()" value='确定'&gt; 
&lt;/td&gt;&lt;td borderColor="#E1E100"&gt;&lt;input type="button" onclick="freset()" value='取消'&gt;&lt;/td&gt; 
&lt;/tr&gt; 
&lt;/table&gt; 
&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt; 

&lt;p&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt; 
&lt;input type="button" onclick="sss()" value='申请提交'&gt; 
&lt;/p&gt; 

&lt;/body&gt; 
&lt;/html&gt; </textarea>
  <br />
  <font color="#ff0000">
    <strong>其基本思想是：<br /></strong>
  </font>设定一个表格a1，并且z-index为1，并且为绝对定位。开始把其display设为none，然后设定一个隐藏的模拟的弹出窗口a2，z-index为2,显示属性设为none，在页面中添加一个按钮激活事件，然后把a1的display设为block,宽高都设为100％,并调节其透明度；因为display＝block,z-index=1这样它就覆盖了原页面的内容使其不能编辑。点击模拟窗口中按钮激活复原属性，把a1,a2显示都设为none. <p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/12400.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-06-17 00:52 <a href="http://www.cnitblog.com/yemoo/archive/2006/06/17/12400.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>一个小问题的解决(self!=top)</title><link>http://www.cnitblog.com/yemoo/archive/2006/06/16/12396.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Fri, 16 Jun 2006 14:32:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/06/16/12396.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/12396.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/06/16/12396.html#Feedback</comments><slash:comments>4</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/12396.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/12396.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><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"><span style="COLOR: #0000ff">if</span> <span style="COLOR: #000000">&nbsp;(self</span> <span style="COLOR: #000000">!=</span> <span style="COLOR: #000000">top)<br>{<br>&nbsp;&nbsp;&nbsp;&nbsp;top.location&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;self.location;<br>}</span> </div>
今天在读163邮箱的代码时发现了上面一写法。<br>感觉self!=top的写法是不对的，单单一个self和top能做什么比较，最后在无忧找到答案，两个对象比较，如果他们的属性完全相同，则两个对象相等，否则不等。所以这里判断时top!=self的写法时没有问题的。偶又有收获了。
<p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script></p><img src ="http://www.cnitblog.com/yemoo/aggbug/12396.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-06-16 22:32 <a href="http://www.cnitblog.com/yemoo/archive/2006/06/16/12396.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>研读mail.163.com首页的js代码</title><link>http://www.cnitblog.com/yemoo/archive/2006/06/16/12394.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Fri, 16 Jun 2006 14:24:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/06/16/12394.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/12394.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/06/16/12394.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/12394.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/12394.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><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: #0000ff">function</span> <span style="COLOR: #000000">&nbsp;setCookie(name,&nbsp;value)<br>{<br>&nbsp;&nbsp;&nbsp;&nbsp;document.cookie&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;name&nbsp;</span> <span style="COLOR: #000000">+</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">+</span> <span style="COLOR: #000000">&nbsp;escape(value)&nbsp;</span> <span style="COLOR: #000000">+</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">;domain=163.com</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;</span> <span style="COLOR: #0000ff">var</span> <span style="COLOR: #000000">&nbsp;radJs&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;document.getElementById(</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">radJs</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;</span> <span style="COLOR: #0000ff">var</span> <span style="COLOR: #000000">&nbsp;txtStyle&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;document.getElementById(</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">txtStyle</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;</span> <span style="COLOR: #0000ff">var</span> <span style="COLOR: #000000">&nbsp;logType&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">""</span> <span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;</span> <span style="COLOR: #0000ff">if</span> <span style="COLOR: #000000">&nbsp;(radJs.checked)<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;logType&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">js</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;txtStyle.value&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">-1</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;</span> <span style="COLOR: #0000ff">else</span> <span style="COLOR: #000000"><br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;logType&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">jy</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;txtStyle.value&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">34</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;document.cookie&nbsp;</span> <span style="COLOR: #000000">=</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">logType=</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">+</span> <span style="COLOR: #000000">&nbsp;logType&nbsp;</span> <span style="COLOR: #000000">+</span> <span style="COLOR: #000000">&nbsp;</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">+</span> <span style="COLOR: #000000">&nbsp;(</span> <span style="COLOR: #0000ff">new</span> <span style="COLOR: #000000">&nbsp;Date(</span> <span style="COLOR: #000000">2099</span> <span style="COLOR: #000000">,&nbsp;</span> <span style="COLOR: #000000">12</span> <span style="COLOR: #000000">,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> <span style="COLOR: #000000">31</span> <span style="COLOR: #000000">)).toGMTString()&nbsp;</span> <span style="COLOR: #000000">+</span> <span style="COLOR: #000000">&nbsp;</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">;domain=mail.163.com</span> <span style="COLOR: #000000">"</span> <span style="COLOR: #000000">;<br>}</span> </div>
这个函数时根据用户选择设定邮箱风格，并保存在cookie中。<br>上面代码中主要掌握以下几点：<br>1，js设置cookie的方法：document.cookie="";<br>2，读取radio框的值方法：document.getElementById("id").checked;如果选中则返回true,否则为false;<br>3，设定cookie的值，过期时间以及域的方法：<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 设定自定义值：name=value的方法即可；<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 设定过期时间：expires=date;[注：date应该为GMT值，设定方法(new Date(年,月,日)).toGMTString();]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 设定域：domain=mail.163.com<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"><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;fSetLogType()<br>{<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;logType&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;getCookie(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">logType</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;radJs&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">radJs</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;radJy&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">radJy</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(logType&nbsp;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">jy</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;radJy.checked&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">true</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;radJs.checked&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">true</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>}</span></div>
这段代码根据cookie值设定默认的选项框。<br>设定radio选定方法：document.getElementById('id').check=true;<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: #0000ff">function</span><span style="COLOR: #000000">&nbsp;getBanner()<br>{<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;bArray&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000">&nbsp;Array();<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;i,&nbsp;url;<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;ad&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">top_ad</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>&nbsp;&nbsp;&nbsp;&nbsp;bArray[</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">]&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.163.com/new/banner/163_top_banner.swf</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;bArray[</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">]&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://mimg.163.com/new/banner/163_top_banner_letter.swf</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;i&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;Math.round((bArray.length&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">)&nbsp;</span><span style="COLOR: #000000">*</span><span style="COLOR: #000000">&nbsp;Math.random());<br><br>&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;bArray[i];<br>&nbsp;&nbsp;&nbsp;&nbsp;ad.innerHTML&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&lt;object&nbsp;classid=\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">clsid:D27CDB6E</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">AE6D</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">11cf</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">96B8</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">444553540000</span><span style="COLOR: #000000">\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&nbsp;codebase=\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http:</span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0\"&nbsp;width=\"750\"&nbsp;height=\"70\"&gt;&lt;param&nbsp;name=\"movie\"&nbsp;id=\"pBanner\"&nbsp;value=\""&nbsp;+&nbsp;url&nbsp;+&nbsp;"\"&nbsp;/&gt;&lt;embed&nbsp;id=\"eBanner\"&nbsp;src=\""&nbsp;+&nbsp;url&nbsp;+&nbsp;"\"&nbsp;quality=\"high\"&nbsp;pluginspage=\"http://www.macromedia.com/go/getflashplayer\"&nbsp;type=\"application/x-shockwave-flash\"&nbsp;width=\"750\"&nbsp;height=\"70\"&gt;&lt;/embed&gt;&lt;param&nbsp;name=\"quality\"&nbsp;value=\"high\"&nbsp;/&gt;&lt;/object&gt;";</span><span style="COLOR: #008000"><br></span><span style="COLOR: #000000">}</span></div>
这个函数为设定顶部随机显示的banner;主要注意以下几点：<br>1，定义数组：var bArray=new Array();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数组初始化：bArray[0]="ddddd";bArray[1]="ddddcc";<br>2，数学函数Math.round(),Math.random();<br>3，一个技巧(生成一个随机数组下标)：i=Math.round((bArray.length-1)*Math.random());<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 然后取值：url=bArray[i],输出内容：ad.innerHTML=url<br>小知识：<br>
<div style="BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid">
<h1><a name=jsmthround></a>round 方法</h1>
<p>返回与给出的<a href="mk:@MSITStore:E:\网页教程\JavaScript\《JavaScript%20语言参考》中文版.chm::/html/glossary.htm#defnumericexpressionjs">数值表达式</a>最接近的整数。</p>
<p><code>Math.round(<em>number</em>) </code></p>
<p>必选项 <em>number</em> 参数是要舍入到最接近整数的值。</p>
<h4>说明</h4>
<p>如果 <em>number</em> 的小数部分大于等于 0.5，返回值是大于 <em>number</em> 的最小整数。否则，<strong>round</strong> 返回小于等于 <em>number</em> 的最大整数。 </p>
</div>
<br>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;getCookie(name)<br>{<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;search&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;name&nbsp;</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(document.cookie.length&nbsp;</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">)<br>&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offset&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.cookie.indexOf(search);<br></span><span style="COLOR: #0000ff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if</span><span style="COLOR: #000000">&nbsp;(offset&nbsp;</span><span style="COLOR: #000000">!=</span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offset&nbsp;</span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000">&nbsp;search.length;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;end&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.cookie.indexOf(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,&nbsp;offset);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(end&nbsp;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&nbsp;&nbsp;</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;end&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.cookie.length;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;unescape(document.cookie.substring(offset,&nbsp;end));<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000"><br>&nbsp;&nbsp;&nbsp;&nbsp;}<br>}</span></div>
该函数作用是读取一个指定name的cookie值.<br>方法如下：<br>1,将name与"="相连，准备查询(var search=name+"=");<br>2,先判断cookie是否为空（document.cookie.length&gt;0）;<br>3,如果cookie不为空，用indexOf函数检索内容(offset=document.cookie.indexOf(search));如果检索内容不存在则返回-1,否则返回第一个字符所在的索引位置（从0开始）。<br>&nbsp; offset+=search.length;意义为把索引位置转到&#8220;＝&#8221;的后面，便于读取值。<br>&nbsp; end=document.cookie.indexOf(";",offset)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//从offset位置开始检索";"的索引位置，如果检索不到则将cookie长度赋给end字符串，即检索到最后。<br>4，通过document.cookie.substring(offset,end)读取值内容。<br>5，由于163在设定cookie值时用escape做了编码，所以要通过unescape解码。<br><font color=#ff0000><strong>小知识：<br></strong>
<div style="BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid">
<h1><a name=jsmthindexof></a><font style="BACKGROUND-COLOR: #ffffff" color=#000000>indexOf 方法</font></h1>
<p><font style="BACKGROUND-COLOR: #ffffff" color=#000000>返回 String 对象内第一次出现子字符串的字符位置。 </font></p>
<p><code><font style="BACKGROUND-COLOR: #ffffff"><font color=#000000><em>strObj</em>.indexOf(<em>subString</em>[, <em>startIndex</em>])</font></font></code></p>
<h4><font style="BACKGROUND-COLOR: #ffffff" color=#000000>参数</font></h4>
<p class=dt><em><font style="BACKGROUND-COLOR: #ffffff" color=#000000>strObj</font></em></p>
<p class=indent><font style="BACKGROUND-COLOR: #ffffff" color=#000000>必选项。String 对象或文字。</font></p>
<p class=dt><em><font style="BACKGROUND-COLOR: #ffffff" color=#000000>subString</font></em></p>
<p class=indent><font style="BACKGROUND-COLOR: #ffffff" color=#000000>必选项。要在 String 对象中查找的子字符串。</font></p>
<p class=dt><em><font style="BACKGROUND-COLOR: #ffffff" color=#000000>starIndex</font></em></p>
<p class=indent><font style="BACKGROUND-COLOR: #ffffff" color=#000000>可选项。该整数值指出在 String 对象内开始查找的索引。如果省略，则从字符串的开始处查找。</font></p>
<h4><font style="BACKGROUND-COLOR: #ffffff" color=#000000>说明</font></h4>
<p><font style="BACKGROUND-COLOR: #ffffff" color=#000000>indexOf 方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。 </font></p>
<p><font style="BACKGROUND-COLOR: #ffffff" color=#000000><font color=#006400>如果 <em>startindex</em> 是负数，则 <em>startindex</em> 被当作零。如果它比最大的字符位置索引还大，则它被当作最大的可能索引。</font></font></p>
<p><font style="BACKGROUND-COLOR: #ffffff" color=#000000>从左向右执行查找。否则，该方法与 lastIndexOf 相同。</font></p>
<h4><font style="BACKGROUND-COLOR: #ffffff" color=#000000>示例</font></h4>
<p><font style="BACKGROUND-COLOR: #ffffff" color=#000000>下面的示例说明了 indexOf 方法的用法。</font></p>
<pre><code><font style="BACKGROUND-COLOR: #ffffff" color=#000000>function IndexDemo(str2){
&nbsp;&nbsp;&nbsp;var str1 = "BABEBIBOBUBABEBIBOBU"
&nbsp;&nbsp;&nbsp;var s = <span class=cfe>str1.indexOf(</span>str2<span class=cfe>)</span>;
&nbsp;&nbsp;&nbsp;return(s);
}</font></code></pre>
</div>
</font>
<p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/12394.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-06-16 22:24 <a href="http://www.cnitblog.com/yemoo/archive/2006/06/16/12394.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Table的两个属性rowIndex与cellIndex</title><link>http://www.cnitblog.com/yemoo/archive/2006/06/16/12349.html</link><dc:creator>Yemoo'S JS Blog</dc:creator><author>Yemoo'S JS Blog</author><pubDate>Fri, 16 Jun 2006 06:34:00 GMT</pubDate><guid>http://www.cnitblog.com/yemoo/archive/2006/06/16/12349.html</guid><wfw:comment>http://www.cnitblog.com/yemoo/comments/12349.html</wfw:comment><comments>http://www.cnitblog.com/yemoo/archive/2006/06/16/12349.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/yemoo/comments/commentRss/12349.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/yemoo/services/trackbacks/12349.html</trackback:ping><description><![CDATA[<script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg1.js"></script><br><br>今天在LlinZzi's Blog 上看到关于这两个属性的介绍，感觉挺有趣，并且也比较具有使用价值。<br /><br /><font color="#ff0000">rowIndex用于判断当前单元格所处行的索引（从0开始）<br />cellIndex用于判断当前单元格所处列的索引（从0开始）<br /><br /></font><font color="#000000">通常我们可以把他们的事件写在TD里，因为rowIndex属性应该是属于<font color="#0000ff">&lt;tr&gt;</font>标记，因此在判断rowIndex需要访问父节点，<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"><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">table&#160;</span><span style="COLOR: #ff0000">align</span><span style="COLOR: #0000ff">="center"</span><span style="COLOR: #ff0000">&#160;width</span><span style="COLOR: #0000ff">="100%"</span><span style="COLOR: #ff0000">&#160;height</span><span style="COLOR: #0000ff">="400"</span><span style="COLOR: #ff0000">&#160;cellspacing</span><span style="COLOR: #0000ff">="1"</span><span style="COLOR: #ff0000">&#160;border</span><span style="COLOR: #0000ff">="1"</span><span style="COLOR: #ff0000">&#160;bordercolor</span><span style="COLOR: #0000ff">="#000000"</span><span style="COLOR: #ff0000">&#160;bordercolorlight</span><span style="COLOR: #0000ff">="#000000"</span><span style="COLOR: #ff0000">&#160;bordercolordark</span><span style="COLOR: #0000ff">="#C0C0C0"</span><span style="COLOR: #ff0000">&#160;bgcolor</span><span style="COLOR: #0000ff">="#C0C0C0"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">tr</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">tr</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">tr</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td&#160;</span><span style="COLOR: #ff0000">onclick</span><span style="COLOR: #0000ff">="alert('行：'+(this.parentNode.rowIndex+1)+'列：'+(this.cellIndex+1))"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">tr</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">tr</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;&#160;&#160;</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #ff0000">&amp;nbsp;</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">td</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />&#160;&#160;</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">table</span><span style="COLOR: #0000ff">&gt;</span></div></font><script type="text/javascript"><![cdata[
function runEx(code)  {
   if (code!=""){
    var newwin=window.open('','','');  
    newwin.opener = null; 
    newwin.document.write(code);  
    newwin.document.close();
 }
}
]]&gt;</script> <p><script type="text/javascript" src="http://www.cnitblog.com/Files/yemoo/gg2.js"></script><img src ="http://www.cnitblog.com/yemoo/aggbug/12349.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/yemoo/" target="_blank">Yemoo'S JS Blog</a> 2006-06-16 14:34 <a href="http://www.cnitblog.com/yemoo/archive/2006/06/16/12349.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>