﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-&lt;b&gt;BeanSoft's Java Blog&lt;/b&gt;-随笔分类-JavaScript</title><link>http://www.blogjava.net/beansoft/category/26857.html</link><description>&lt;a href="http://www.beansoft.biz/?p=132"&gt;《MyEclipse 6 Java 开发中文教程》完整版书籍代码及配套超高清讲解视频免费下载&lt;/a&gt;</description><language>zh-cn</language><lastBuildDate>Sat, 12 Feb 2011 23:24:11 GMT</lastBuildDate><pubDate>Sat, 12 Feb 2011 23:24:11 GMT</pubDate><ttl>60</ttl><item><title>IE下用JavaScript动态生成excel[MOVED]</title><link>http://www.blogjava.net/beansoft/archive/2009/04/29/268204.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Wed, 29 Apr 2009 11:09:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2009/04/29/268204.html</guid><description><![CDATA[转移到:<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 微软雅黑; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; font-size: medium; "><span class="Apple-style-span" style="color: rgb(68, 68, 68); font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 12px; text-align: left; "><h3 class="posttitle" style="margin-bottom: 0px; color: rgb(34, 119, 170); text-align: left; font-size: 1.6em; "><a rel="bookmark" title="Permanent Link to IE下用JavaScript动态生成excel" style="color: rgb(34, 85, 136); text-decoration: none; " href="http://www.beansoft.biz/?p=1249">
IE下用JavaScript动态生成excel</a></h3></span></span><img src ="http://www.blogjava.net/beansoft/aggbug/268204.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/beansoft/" target="_blank">BeanSoft</a> 2009-04-29 19:09 <a href="http://www.blogjava.net/beansoft/archive/2009/04/29/268204.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>比较完善的JavaScript身份证号码验证函数</title><link>http://www.blogjava.net/beansoft/archive/2009/02/27/256959.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Fri, 27 Feb 2009 02:21:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2009/02/27/256959.html</guid><description><![CDATA[网上也有一些JS的身份证号码验证函数, 不过有些没考虑到一个特殊情况: 最后一位是数字或者X.　下面给出我的一种写法供参考: 
<div><pre style="BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 12pt; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: #f4f4f4; MARGIN: 0em; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FONT-FAMILY: consolas, 'Courier New', courier, monospace; BORDER-TOP-STYLE: none; COLOR: black; FONT-SIZE: 8pt; BORDER-LEFT-STYLE: none; OVERFLOW: visible; PADDING-TOP: 0px">&lt;script&gt;
<span style="COLOR: #008000">//自定义的身份证验证函数</span><span style="COLOR: #0000ff">function</span> checkID(f) {
        <span style="COLOR: #008000">// 身份证验证 18 位数字</span><span style="COLOR: #008000">// 1. 18位</span><span style="COLOR: #0000ff">if</span>(f.ID.value.length != 18) {
        alert(<span style="COLOR: #006080">"请输入中国公民的18位身份证号码, 您当前输入了"</span> + f.ID.value.length + <span style="COLOR: #006080">"位号码"</span> );
        f.ID.focus();
        <span style="COLOR: #0000ff">return</span><span style="COLOR: #0000ff">false</span>;
    }
    <span style="COLOR: #008000">// 2. 确保前17位每一位都是数字</span><span style="COLOR: #0000ff">for</span>(i = 0; i &lt; f.ID.value.length - 1; i++) {
        <span style="COLOR: #008000">// 如何判断一个字母是数字</span><span style="COLOR: #0000ff">if</span>(isNaN( parseInt( f.ID.value.charAt(i) ) )) {
            alert(<span style="COLOR: #006080">"您输入的身份证号码前17位包含有字母, 不合要求"</span> );
            f.ID.focus();
            <span style="COLOR: #0000ff">return</span><span style="COLOR: #0000ff">false</span>;    
        }
    }
    
    <span style="COLOR: #008000">// 3. 确保最后一位是数字或者X</span><span style="COLOR: #0000ff">var</span> lastIDNum = f.ID.value.charAt(17);
    <span style="COLOR: #0000ff">if</span>( isNaN(parseInt( f.ID.value.charAt(i) )) &amp;&amp;  lastIDNum.toLowerCase() != <span style="COLOR: #006080">'x'</span>) {
        alert(<span style="COLOR: #006080">"您输入的身份证号码最后一位不是数字也不是x, 不合要求"</span> );
        f.ID.focus();
        <span style="COLOR: #0000ff">return</span><span style="COLOR: #0000ff">false</span>;
    }
    
    <span style="COLOR: #0000ff">return</span><span style="COLOR: #0000ff">true</span>;
}
&lt;/script&gt;</pre></div><img src ="http://www.blogjava.net/beansoft/aggbug/256959.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/beansoft/" target="_blank">BeanSoft</a> 2009-02-27 10:21 <a href="http://www.blogjava.net/beansoft/archive/2009/02/27/256959.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jquery和prototype冲突解决</title><link>http://www.blogjava.net/beansoft/archive/2008/07/03/212407.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Thu, 03 Jul 2008 11:04:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2008/07/03/212407.html</guid><description><![CDATA[<p>问题背景: 想用 jQuery 做 AJAX 处理, 用基于 Prototype 的 EasyValidation 做表单验证, 但是二者不能共存, 因为都用了同一个方法名: $(). <p>解决: <p>jquery和prototype冲突解决, 网上流传的一篇文章,我这里测试结果是错误的! <a href="http://ajaxbbs.net/blog/post/71/">http://ajaxbbs.net/blog/post/71/</a> <p>另一种方式是:<br>&lt;script type=”text/javascript”&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; jQuery.noConflict();<br>&lt;/script&gt;  <p>参考: <a href="http://www.d5s.cn/archives/6">http://www.d5s.cn/archives/6</a>, 但我这里测试也有问题!  <p>本人测试通过的方式:  <p>1、将jquery.js放到prototype.js前面（这个是必须的!）。<br>2、在jquery.js后面将$变量重命名。<br>方法如下：  <p>&lt;script type="text/javascript"&nbsp; src="jquery.js"&gt;&lt;/script&gt;<br>&lt;script type="text/javascript"&gt;<br>var jQuery=$;<br>&lt;/script&gt;  <p>&lt;script type="text/javascript" type="text/javascript" src="window.js"&gt;&lt;/script&gt;<br>&lt;!--上面这个window.js调用了jquery框架的方法--&gt;<br>&lt;script type="text/javascript" type="text/javascript" src="prototype.js"&gt;&lt;/script&gt;  <p>3、将原来使用的$方法名一律替换为jQuery名，如$("obj")替换为jQuery("obj")。  <p>例如下面的一段代码, 混合了 jQuery和基于Prototype的 EasyValidation:  <p>&lt;!--&nbsp; jquery, 注意加载顺序 --&gt;<br>&lt;script src="js/jquery-1.2.6.pack.js"&gt;&lt;/script&gt;<br>&lt;script type=”text/javascript”&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var jQuery=$;<br>&lt;/script&gt;  <p>&lt;!-- 表单验证 --&gt;<br>&lt;script src="easy_validation/lib/prototype.js" type="text/javascript"&gt;&lt;/script&gt;<br>&lt;script src="easy_validation/lib/effects.js" type="text/javascript"&gt;&lt;/script&gt;<br>&lt;script src="easy_validation/src/validation_cn.js" type="text/javascript"&gt;&lt;/script&gt;<br>&lt;link rel="stylesheet" type="text/css" href="easy_validation/styles/style_min.css" /&gt;  <p>&nbsp;&nbsp;&nbsp; &lt;div id="contents"&gt;&lt;/div&gt;<br>&nbsp; &lt;script&gt;<br>&nbsp; jQuery(document).ready(function(){<br>&nbsp;&nbsp;&nbsp; //jQuery("#contents").load("test.jsp");<br>&nbsp;&nbsp;&nbsp; jQuery("#contents").load("test.jsp?username=BeanSoft")<br>&nbsp; });<br>&nbsp; &lt;/script&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- 为form增加required-validate class,标识需要验证form --&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form id='helloworld' action="#" class='required-validate'&gt;<br>&lt;input name="user.name" class="required min-length-6 max-length-20 validate-alphanum" value="beansoft"&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp; *密码:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input name="user.password" type="password" class="required min-length-6 max-length-20" value="123456" &gt;  <p>&nbsp;&nbsp;&nbsp; *密码(重复):<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input name="password1" type="password" class="required equals-user.password" value="123456" &gt;  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type='submit' value='Submit'/&gt; <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type='reset' value='Reset'/&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt; <img src ="http://www.blogjava.net/beansoft/aggbug/212407.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/beansoft/" target="_blank">BeanSoft</a> 2008-07-03 19:04 <a href="http://www.blogjava.net/beansoft/archive/2008/07/03/212407.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JavaScript 幻灯片相册特效</title><link>http://www.blogjava.net/beansoft/archive/2008/06/12/207363.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Thu, 12 Jun 2008 05:58:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2008/06/12/207363.html</guid><description><![CDATA[<p>从页面 <a title="http://www.ksoft.nm.ru/runme.htm " href="http://www.ksoft.nm.ru/runme.htm ">http://www.ksoft.nm.ru/runme.htm </a> 上提取出来的，我把不必要的内容删除了，重新包装了个例子，在线演示：</p> <p><a title="http://beansoft.java-cn.org/ajax/photos/" href="http://beansoft.java-cn.org/ajax/photos/">http://beansoft.java-cn.org/ajax/photos/</a></p> <p>下载：<a title="http://cid-519b3f7aa2172030.skydrive.live.com/self.aspx/Public/AJAX/%e5%b9%bb%e7%81%af%e7%89%87%e7%9b%b8%e5%86%8c%e7%89%b9%e6%95%88.zip" href="http://cid-519b3f7aa2172030.skydrive.live.com/self.aspx/Public/AJAX/%e5%b9%bb%e7%81%af%e7%89%87%e7%9b%b8%e5%86%8c%e7%89%b9%e6%95%88.zip">http://cid-519b3f7aa2172030.skydrive.live.com/self.aspx/Public/AJAX/%e5%b9%bb%e7%81%af%e7%89%87%e7%9b%b8%e5%86%8c%e7%89%b9%e6%95%88.zip</a>&nbsp; 764KB 下载前先把垃圾软件迅雷关了，否则你会下载不到的！</p> <p>显示效果：</p> <p><a href="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/JavaScript_C3AA/image_2.png"><img border="0" alt="image" src="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/JavaScript_C3AA/image_thumb.png" width="640" height="390"></a></p><img src ="http://www.blogjava.net/beansoft/aggbug/207363.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/beansoft/" target="_blank">BeanSoft</a> 2008-06-12 13:58 <a href="http://www.blogjava.net/beansoft/archive/2008/06/12/207363.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>TextArea显示彩色文字[MOVED]</title><link>http://www.blogjava.net/beansoft/archive/2008/05/09/199433.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Fri, 09 May 2008 02:38:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2008/05/09/199433.html</guid><description><![CDATA[
		<p>已转移到 <a title="Permanent Link to TextArea显示彩色文字[整理]" href="http://www.beansoft.biz/?p=1721" rel="bookmark">TextArea显示彩色文字[整理]</a></p>
<img src ="http://www.blogjava.net/beansoft/aggbug/199433.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/beansoft/" target="_blank">BeanSoft</a> 2008-05-09 10:38 <a href="http://www.blogjava.net/beansoft/archive/2008/05/09/199433.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>深入理解JS中的对象和this</title><link>http://www.blogjava.net/beansoft/archive/2008/04/10/191931.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Thu, 10 Apr 2008 09:30:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2008/04/10/191931.html</guid><description><![CDATA[<p>问题：</p> <p>function aa(){<br>this.bb=12;this.div;  <p>this.div.onclick=function(){alert(this.bb);}<br>}  <p>事件可以触发．但是就是取不到值啊．为什么．&nbsp; <p>&nbsp;</p> <p>答案：</p> <p>this.div.onclick=function(){alert(this.bb);} 因为 onclick中的this都是指的事件源，也就是 div。这是作用域不同的原因，该如何解决呢？其实只要给div多加一个属性就可以了：  <p>this.div.obj = this.bb;  <p>&nbsp;</p> <p>完整的代码：</p> <p>function aa(){<br>this.bb=12;this.div;  <p>this.div.obj = this.bb;  <p>this.div.onclick=function(){alert(this.obj);}<br>}  <p>&nbsp;</p> <p>任何对象都可以加入任意多的属性，就怕你不理解什么是对象，建议做AJAX开发的深入了解JS里面的对象和指针理论（JS对象的属性几乎就是指针）。</p><img src ="http://www.blogjava.net/beansoft/aggbug/191931.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/beansoft/" target="_blank">BeanSoft</a> 2008-04-10 17:30 <a href="http://www.blogjava.net/beansoft/archive/2008/04/10/191931.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>