﻿<?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-BeanSoft's Java Blog-随笔分类-JavaScript</title><link>http://www.blogjava.net/beansoft/category/26857.html</link><description>MyEclipse 6, Java EE 5, JSPWiki, Spring, Struts, Hibernate, JPA, SWT, Swing, AJAX, JavaScript, Netbeans</description><language>zh-cn</language><lastBuildDate>Fri, 09 May 2008 15:37:59 GMT</lastBuildDate><pubDate>Fri, 09 May 2008 15:37:59 GMT</pubDate><ttl>60</ttl><item><title>TextArea显示彩色文字</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><wfw:comment>http://www.blogjava.net/beansoft/comments/199433.html</wfw:comment><comments>http://www.blogjava.net/beansoft/archive/2008/05/09/199433.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/beansoft/comments/commentRss/199433.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/beansoft/services/trackbacks/199433.html</trackback:ping><description><![CDATA[<p></p> <p><a href="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/TextArea_959F/image_2.png"><img border="0" alt="image" src="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/TextArea_959F/image_thumb.png" width="177" height="41"></a>  <script><![CDATA[
var div = document.createElement("div");
div.innerHTML="<b>Bold</b>font color=blue>blue</font>i><font color=red>red</font>/i>";
tx.appendChild(div);
]]&gt;</script>  </p> <p>只有IE浏览器才支持。</p> <p>这段显示效果的HTML代码是：</p> <p>&lt;textarea id="tx"&gt;&lt;/textarea&gt;<br>&lt;script&gt;<br>var div = document.createElement("div");<br>div.innerHTML="&lt;b&gt;Bold&lt;/b&gt;&lt;font color=blue&gt;blue&lt;/font&gt;&lt;i&gt;&lt;font color=red&gt;red&lt;/font&gt;&lt;/i&gt;";<br>tx.appendChild(div);<br>&lt;/script&gt;</p> <p>&nbsp;</p> <p>BlogJava 对脚本嵌入支持不好，先前发的没看到效果，只好贴图看效果了。</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>JavaScript开发的超级玛丽</title><link>http://www.blogjava.net/beansoft/archive/2008/04/13/192551.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Sun, 13 Apr 2008 06:18:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2008/04/13/192551.html</guid><wfw:comment>http://www.blogjava.net/beansoft/comments/192551.html</wfw:comment><comments>http://www.blogjava.net/beansoft/archive/2008/04/13/192551.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/beansoft/comments/commentRss/192551.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/beansoft/services/trackbacks/192551.html</trackback:ping><description><![CDATA[<p><img src="http://cnc.imgcache.qq.com/ac/qzone_v4/b.gif"> <p>JavaScript开发的超级玛丽 <p><img src="http://cnc.imgcache.qq.com/ac/qzone_v4/b.gif"><a href="http://www.nihilogic.dk/labs/mario/">http://www.nihilogic.dk/labs/mario/</a><br>貌似需要QuickTime才可以听到声音，具体不详。</p><img src ="http://www.blogjava.net/beansoft/aggbug/192551.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-13 14:18 <a href="http://www.blogjava.net/beansoft/archive/2008/04/13/192551.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><wfw:comment>http://www.blogjava.net/beansoft/comments/191931.html</wfw:comment><comments>http://www.blogjava.net/beansoft/archive/2008/04/10/191931.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/beansoft/comments/commentRss/191931.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/beansoft/services/trackbacks/191931.html</trackback:ping><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><item><title>用微软 IE 8 Beta 调试 JavaScript</title><link>http://www.blogjava.net/beansoft/archive/2008/03/06/184214.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Thu, 06 Mar 2008 03:54:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2008/03/06/184214.html</guid><wfw:comment>http://www.blogjava.net/beansoft/comments/184214.html</wfw:comment><comments>http://www.blogjava.net/beansoft/archive/2008/03/06/184214.html#Feedback</comments><slash:comments>5</slash:comments><wfw:commentRss>http://www.blogjava.net/beansoft/comments/commentRss/184214.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/beansoft/services/trackbacks/184214.html</trackback:ping><description><![CDATA[<p>&nbsp; 对开发人员来说，相比较起 Firefox 来，IE最大的缺点，就是连个JavaScript调试器都不好使（勉强也算有了）。还好，最近，微软推出了IE8 Beta的下载，地址在<a title="http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx" href="http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx">http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx</a>&nbsp;</p> <p><a href="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/IE8BetaJavaScript_9AE0/image_2.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" border="0" alt="image" src="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/IE8BetaJavaScript_9AE0/image_thumb.png" width="746" height="473"></a> </p> <p>它的新特性包括：</p> <p>1. CSS 2.1支持。微软决定在这个领域完全遵守W3C标准，放弃一定的向后兼容性。<br>2. CSS Certification。IE8将全面通过CSS标准的测试和认证。<br>3. 性能。IE8的性能有巨大提升，甚至略好于Firefox 3 Beta。<br>4. HTML 5支持。IE8全面支持HTML5标准，实现诸如Ajax页面的回退，本地页面缓存等关键功能。<br>能够在网络不通时将整个页面缓存（避免原来填入内容提交后报错，却无法返回）<br>5. 开发支持。IE8将内置调试器，不但可以方便地调试Javascript代码，而且可以在调试状态下通过点击查找与该页面元素相应的HTML/CSS/Javascript代码段，大大提升开发效率。  <p>其它功能等等....  <p>可以看到微软终于向 W3C 标准靠齐了，也许以后大家写网页就不用费劲的特意调试不同的浏览器下的效果了。  <p>而第5条的内置调试器大概是最大的福音了，要知道以前的版本都必须单独下载IE调试器，而且用法古怪，调试完毕后退出调试器还会把主窗口也给关了。  <p>先看看IE 8的界面：  <p><a href="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/IE8BetaJavaScript_9AE0/image_4.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" border="0" alt="image" src="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/IE8BetaJavaScript_9AE0/image_thumb_1.png" width="710" height="189"></a>  <p>它还提供了模拟IE7界面的功能按钮：Emulate IE 7。点击工具栏上的 Developer Tools 即可启动开发人员工具窗口，如下图所示：  <p><a href="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/IE8BetaJavaScript_9AE0/image_6.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" border="0" alt="image" src="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/IE8BetaJavaScript_9AE0/image_thumb_2.png" width="607" height="468"></a>  <p>。之后就可以打开页面进行调试了。调试的方法之一是在左侧源码窗行号上单击设置断点，然后执行到被设置断点的代码。另一种方式呢，则是使用JavaScript中的一个关键字：debugger。例如下面我们做了个能够自动触发调试器的页面：  <blockquote> <p>&lt;script&gt;<br>function test() {<br>&nbsp; var a=1;<br>&nbsp; var b=2;  <p>&nbsp; debugger;<br>&nbsp; alert(a+b);<br>}<br>&lt;/script&gt;  <p>&lt;input type=button onclick="test();" value="启动调试器"&gt;</p></blockquote> <p>然后用IE8打开此页面，点击页面中出现的<strong>启动调试器</strong>按钮，再看调试器窗口：  <p><a href="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/IE8BetaJavaScript_9AE0/image_8.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" border="0" alt="image" src="http://www.blogjava.net/images/blogjava_net/beansoft/WindowsLiveWriter/IE8BetaJavaScript_9AE0/image_thumb_3.png" width="607" height="334"></a>  <p>。我想过多的话已经不需要再说了，使用Step Into,Step Over, Step Out等可以控制单步执行，一行行的调试代码，观察变量取值，添加监视（Watch)等，的确是比以前方便多了。  <p>要结束调试，点击<strong>Stop Debugging</strong> 按钮即可，原来的进程还在，再也不会出现以前的调试器一停止，整个IE进程都退出的尴尬局面了。  <p>&nbsp; <p>整体感觉，推荐试试！下载包14.4MB(XP版本，需要SP2）。</p><img src ="http://www.blogjava.net/beansoft/aggbug/184214.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-03-06 11:54 <a href="http://www.blogjava.net/beansoft/archive/2008/03/06/184214.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JavaScript 解析 Cookie 的代码</title><link>http://www.blogjava.net/beansoft/archive/2007/10/26/156057.html</link><dc:creator>BeanSoft</dc:creator><author>BeanSoft</author><pubDate>Fri, 26 Oct 2007 02:52:00 GMT</pubDate><guid>http://www.blogjava.net/beansoft/archive/2007/10/26/156057.html</guid><wfw:comment>http://www.blogjava.net/beansoft/comments/156057.html</wfw:comment><comments>http://www.blogjava.net/beansoft/archive/2007/10/26/156057.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/beansoft/comments/commentRss/156057.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/beansoft/services/trackbacks/156057.html</trackback:ping><description><![CDATA[
		<div>
				<pre style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; MARGIN: 0em; OVERFLOW: visible; WIDTH: 100%; COLOR: black; BORDER-TOP-STYLE: none; LINE-HEIGHT: 12pt; PADDING-TOP: 0px; FONT-FAMILY: consolas, 'Courier New', courier, monospace; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #f4f4f4; BORDER-BOTTOM-STYLE: none">
						<span style="COLOR: #008000">/*</span>
						<span style="COLOR: #008000"> * WebFXCookie class</span>
						<span style="COLOR: #008000"> */</span>
						<span style="COLOR: #0000ff">function</span> WebFXCookie() {
    <span style="COLOR: #0000ff">if</span> (document.cookie.length) { <span style="COLOR: #0000ff">this</span>.cookies = <span style="COLOR: #006080">' '</span> + document.cookie; }
}

WebFXCookie.prototype.setCookie = <span style="COLOR: #0000ff">function</span> (key, value) {
    document.cookie = key + <span style="COLOR: #006080">"="</span> + escape(value);
}

WebFXCookie.prototype.getCookie = <span style="COLOR: #0000ff">function</span> (key) {
    <span style="COLOR: #0000ff">if</span> (<span style="COLOR: #0000ff">this</span>.cookies) {
        <span style="COLOR: #0000ff">var</span> start = <span style="COLOR: #0000ff">this</span>.cookies.indexOf(<span style="COLOR: #006080">' '</span> + key + <span style="COLOR: #006080">'='</span>);
        <span style="COLOR: #0000ff">if</span> (start == -1) { <span style="COLOR: #0000ff">return</span><span style="COLOR: #0000ff">null</span>; }
        <span style="COLOR: #0000ff">var</span> end = <span style="COLOR: #0000ff">this</span>.cookies.indexOf(<span style="COLOR: #006080">";"</span>, start);
        <span style="COLOR: #0000ff">if</span> (end == -1) { end = <span style="COLOR: #0000ff">this</span>.cookies.length; }
        end -= start;
        <span style="COLOR: #0000ff">var</span> cookie = <span style="COLOR: #0000ff">this</span>.cookies.substr(start,end);
        <span style="COLOR: #0000ff">return</span> unescape(cookie.substr(cookie.indexOf(<span style="COLOR: #006080">'='</span>) + 1, cookie.length - cookie.indexOf(<span style="COLOR: #006080">'='</span>) + 1));
    }
    <span style="COLOR: #0000ff">else</span> { <span style="COLOR: #0000ff">return</span><span style="COLOR: #0000ff">null</span>; }
}



<span style="COLOR: #0000ff">function</span> getCookieVal (offset) 
{
    <span style="COLOR: #0000ff">var</span> endstr=document.cookie.indexOf (<span style="COLOR: #006080">";"</span>,offset);<span style="COLOR: #0000ff">if</span> (endstr==-1) 
    endstr=document.cookie.length;<span style="COLOR: #0000ff">return</span> unescape(document.cookie.substring(offset, endstr));
}


<span style="COLOR: #0000ff">function</span> GetCookie (name)
{
    <span style="COLOR: #0000ff">var</span> arg=name+<span style="COLOR: #006080">"="</span>;<span style="COLOR: #0000ff">var</span> alen=arg.length;<span style="COLOR: #0000ff">var</span> clen=document.cookie.length;<span style="COLOR: #0000ff">var</span> i = 0;<span style="COLOR: #0000ff">while</span> (i&lt;clen)
    {
        <span style="COLOR: #0000ff">var</span> 
        j=i+alen;<span style="COLOR: #0000ff">if</span> (document.cookie.substring(i,j)==arg) <span style="COLOR: #0000ff">return</span> getCookieVal (j);i = document.cookie.indexOf(<span style="COLOR: #006080">" "</span>,i)+1;<span style="COLOR: #0000ff">if</span> (i==0) 
        <span style="COLOR: #0000ff">break</span>;
    } 
    <span style="COLOR: #0000ff">return</span><span style="COLOR: #0000ff">null</span>;
} 
<span style="COLOR: #0000ff">function</span> DeleteCookie (name) 
{
    <span style="COLOR: #0000ff">var</span> exp=<span style="COLOR: #0000ff">new</span> Date(); exp.setTime (exp.getTime()-1); <span style="COLOR: #0000ff">var</span> cval=GetCookie (name); 
    document.cookie=name+<span style="COLOR: #006080">"="</span>+cval+<span style="COLOR: #006080">"; expires="</span>+exp.toGMTString();
}

</pre>
		</div>
<img src ="http://www.blogjava.net/beansoft/aggbug/156057.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> 2007-10-26 10:52 <a href="http://www.blogjava.net/beansoft/archive/2007/10/26/156057.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>