﻿<?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-Java宅男-随笔分类-前端</title><link>http://www.blogjava.net/chenglu/category/38636.html</link><description>IT fans,Java Programmer,Your partner......</description><language>zh-cn</language><lastBuildDate>Thu, 08 Jul 2010 02:54:02 GMT</lastBuildDate><pubDate>Thu, 08 Jul 2010 02:54:02 GMT</pubDate><ttl>60</ttl><item><title>如何固定表格宽度</title><link>http://www.blogjava.net/chenglu/archive/2010/07/06/table-width.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Tue, 06 Jul 2010 14:43:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2010/07/06/table-width.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/325406.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2010/07/06/table-width.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/325406.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/325406.html</trackback:ping><description><![CDATA[<div class="tit" style="font-family: verdana, sans-serif; font-size: 14px; line-height: 21px; ">如何固定表格宽度 转自<span  style="font-family: 微软雅黑; line-height: normal; font-size: medium; "><a href="http://blog.csdn.net/cjh47349038/archive/2009/04/09/4058680.aspx">http://blog.csdn.net/cjh47349038/archive/2009/04/09/4058680.aspx</a></span></div>
<table border="0" style="table-layout: fixed; font-family: verdana, sans-serif; font-size: 14px; line-height: 21px; ">
    <tbody>
        <tr>
            <td>
            <div id="blog_text" class="cnt">
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">&lt;TABLE style="<span style="line-height: 18px; font-size: x-small; color: #c60a00; ">table-layout</span>: auto | fixed"&gt;<br />
            auto: 默认值<br />
            fixed: 宽度固定,截断超出的内容<br />
            <br />
            &lt;TABLE style="<span style="line-height: 21px; color: #ff6600; ">word-break</span>: normal | break-all | keep-all"&gt;<br />
            normal: 默认值,按字词截断换行<br />
            break-all: 强行截断并换行<br />
            keep-all: 不截断不换行<br />
            <br />
            使用:style="<span style="line-height: 18px; font-size: x-small; "><span style="line-height: 18px; color: #c60a00; ">table-layout</span>:fixed</span>;"<br />
            表示输出停止,停留在设定的长度内.</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">使用:style="<span style="line-height: 21px; color: #ff6600; ">word-break</span>&nbsp;: break-all;"<br />
            表示对超长部分,换行再继续显示.</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">对于在英文中使用,请使用style="<span style="line-height: 18px; font-size: x-small; color: #c60a00; ">table-layout</span>:fixed;&nbsp;<span style="line-height: 21px; color: #ff6600; ">word-wrap:break-word</span>"<br />
            推荐使用<span style="line-height: 21px; color: #993300; ">word-wrap:break-word;word-break:break-all;table-layout:fixed;</span></p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">==============================================================================</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; "><span style="line-height: 21px; color: #993300; ">word-wrap同word-break的区别</span></p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">word-wrap:<br />
            normal&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Default. Content exceeds the boundaries of its container.&nbsp;<br />
            break-word Content wraps to next line, and a word-break occurs when necessary. 必要时会触发word-break。</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">word-break:<br />
            normal&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Default. Allows line breaking within words. 好像是只对Asian text起作用。<br />
            break-all Behaves the same as normal for Asian text, yet allows the line to break arbitrarily for non-Asian text. This value is suited to Asian text that contains some excerpts of non-Asian text.&nbsp;<br />
            keep-all Does not allow word breaking for Chinese, Japanese, and Korean. Functions the same way as normal for all non-Asian languages. This value is optimized for text that includes small amounts of Chinese, Japanese, or Korean.</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">总结如下：<br />
            <span style="line-height: 21px; color: #993300; ">word-wrap是控制换行的。<br />
            使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。</span></p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; "><span style="line-height: 21px; color: #993300; ">break-word是控制是否断词的。<br />
            normal是默认情况，英文单词不被拆开。<br />
            break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。<br />
            keep-all，是指Chinese, Japanese, and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。（英文语句正常。）</span></p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; "><br />
            ie下：<br />
            使用word-wrap:break-word;所有的都正常。</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">ff下：<br />
            如这2个都不用的话，中文不会出任何问题。英文语句也不会出问题。但是，长串英文会出问题。<br />
            为了解决长串英文，一般用word-wrap:break-word;word-break:break-all;。但是，此方式会导致，普通的英文语句中的单词会被断开（ie下也是）。</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">目前主要的问题存在于 长串英文 和 英文单词被断开。其实长串英文就是一个比较长的单词而已。<br />
            即英文单词应不应该被断开那？那问题很明显了，显然不应该被断开了。<br />
            对于长串英文，就是恶意的东西，自然不用去管了。但是，也要想些办法，不让它把容器撑大。<br />
            用：overflow:auto; ie下，长串会自动折行。ff下，长串会被遮盖。</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; "><br />
            所以，综上，<span style="line-height: 21px; color: #ff0000; ">最好的方式是word-wrap:break-word;overflow:hidden;</span>而不是word-wrap:break-word;word-break:break-all;。<br />
            <span style="line-height: 21px; color: #993300; ">word-wrap:break-word;overflow:auto;在ie下没有任何问题。在ff下，长串会被遮住部分内容。</span></p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">另，测试代码如下：</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">1.htm===================================================================</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">&lt;style&gt;<br />
            .c1{ width:300px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid red}<br />
            .c2{ width:300px;word-wrap:break-word;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid yellow}<br />
            .c3{ width:300px;word-wrap:break-word;word-break:break-all;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid green}<br />
            .c4{ width:300px;word-wrap:break-word;word-break:keep-all; border:1px solid blue}<br />
            .c5{ width:300px;word-break:break-all;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid black}<br />
            .c6{ width:300px;word-break:keep-all;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid red}<br />
            .c7{ width:300px;word-wrap:break-word;overflow:auto;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid yellow}<br />
            &lt;/style&gt;</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">.c1{ width:300px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid red}<br />
            &lt;div class="c1"&gt;<br />
            safjaskflasjfklsajfklasjflksajflksjflkasjfksafj<br />
            &lt;/div&gt;<br />
            &lt;div class=c1&gt;<br />
            This is all English. This is all English. This is all English.<br />
            &lt;/div&gt;<br />
            &lt;div class=c1&gt;<br />
            全是中文的情况。全是中文的情况。全是中文的情况。<br />
            &lt;/div&gt;<br />
            &lt;div class=c1&gt;<br />
            中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.&nbsp;<br />
            &lt;/div&gt;</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">&lt;br&gt;<br />
            .c2{ width:300px;word-wrap:break-word; border:1px solid yellow}<br />
            &lt;div class="c2"&gt;<br />
            safjaskflasjfklsajfklasjflksajflksjflkasjfksafj<br />
            &lt;/div&gt;<br />
            &lt;div class=c2&gt;<br />
            This is all English. This is all English. This is all English.<br />
            &lt;/div&gt;<br />
            &lt;div class=c2&gt;<br />
            全是中文的情况。全是中文的情况。全是中文的情况。<br />
            &lt;/div&gt;<br />
            &lt;div class=c2&gt;<br />
            中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.&nbsp;<br />
            &lt;/div&gt;</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">&lt;br&gt;<br />
            .c3{ width:300px;word-wrap:break-word;word-break:break-all;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid green}<br />
            &lt;div class="c3"&gt;<br />
            safjaskflasjfklsajfklasjflksajflksjflkasjfksafj<br />
            &lt;/div&gt;<br />
            &lt;div class=c3&gt;<br />
            This is all English. This is all English. This is all English.<br />
            &lt;/div&gt;<br />
            &lt;div class=c3&gt;<br />
            全是中文的情况。全是中文的情况。全是中文的情况。<br />
            &lt;/div&gt;<br />
            &lt;div class=c3&gt;<br />
            中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.&nbsp;<br />
            &lt;/div&gt;</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">&lt;br&gt;<br />
            .c4{ width:300px;word-wrap:break-word;word-break:keep-all; border:1px solid blue}<br />
            &lt;div class="c4"&gt;<br />
            safjaskflasjfklsajfklasjflksajflksjflkasjfksafj<br />
            &lt;/div&gt;<br />
            &lt;div class=c4&gt;<br />
            This is all English. This is all English. This is all English.<br />
            &lt;/div&gt;<br />
            &lt;div class=c4&gt;<br />
            全是中文的情况。全是中文的情况。全是中文的情况。<br />
            &lt;/div&gt;<br />
            &lt;div class=c4&gt;<br />
            中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.&nbsp;<br />
            &lt;/div&gt;</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">&lt;br&gt;<br />
            .c5{ width:300px;word-break:break-all;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid black}<br />
            &lt;div class="c5"&gt;<br />
            safjaskflasjfklsajfklasjflksajflksjflkasjfksafj<br />
            &lt;/div&gt;<br />
            &lt;div class=c5&gt;<br />
            This is all English. This is all English. This is all English.<br />
            &lt;/div&gt;<br />
            &lt;div class=c5&gt;<br />
            全是中文的情况。全是中文的情况。全是中文的情况。<br />
            &lt;/div&gt;<br />
            &lt;div class=c5&gt;<br />
            中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.&nbsp;<br />
            &lt;/div&gt;</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">&lt;br&gt;<br />
            .c6{ width:300px;word-break:keep-all;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid red}<br />
            &lt;div class="c6"&gt;<br />
            safjaskflasjfklsajfklasjflksajflksjflkasjfksafj<br />
            &lt;/div&gt;<br />
            &lt;div class=c6&gt;<br />
            This is all English. This is all English. This is all English.<br />
            &lt;/div&gt;<br />
            &lt;div class=c6&gt;<br />
            全是中文的情况。全是中文的情况。全是中文的情况。<br />
            &lt;/div&gt;<br />
            &lt;div class=c6&gt;<br />
            中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.&nbsp;<br />
            &lt;/div&gt;</p>
            <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; ">&lt;br&gt;<br />
            .c7{ width:300px;word-wrap:break-word;overflow:auto;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border:1px solid yellow}<br />
            &lt;div class="c7"&gt;<br />
            safjaskflasjfklsajfklasjflksajflksjflkasjfksafj<br />
            &lt;/div&gt;<br />
            &lt;div class=c7&gt;<br />
            This is all English. This is all English. This is all English.<br />
            &lt;/div&gt;<br />
            &lt;div class=c7&gt;<br />
            全是中文的情况。全是中文的情况。全是中文的情况。<br />
            &lt;/div&gt;<br />
            &lt;div class=c7&gt;<br />
            中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.&nbsp;<br />
            &lt;/div&gt;</p>
            </div>
            </td>
        </tr>
    </tbody>
</table><img src ="http://www.blogjava.net/chenglu/aggbug/325406.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2010-07-06 22:43 <a href="http://www.blogjava.net/chenglu/archive/2010/07/06/table-width.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【转】解决table不能换行的问题与CSS之自动换行总结</title><link>http://www.blogjava.net/chenglu/archive/2010/06/25/table_huanhang.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Fri, 25 Jun 2010 06:06:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2010/06/25/table_huanhang.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/324434.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2010/06/25/table_huanhang.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/324434.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/324434.html</trackback:ping><description><![CDATA[<p>转自：http://www.ry168.net/bbs/thread-226-1-1.html<br />
table不能换行问题 一般是：一行里面全是数字或是字母或者结尾有多个感叹号而导致 table不能换行，中文默认的会自动换行的，字母不能换行问题：<br />
style="table-layout:fixed; word-break: break-all; overflow:hidden;" <br />
复制代码在单元格属性里加入上面这句，如：<br />
&lt;td style="table-layout:fixed; word-break: break-all; overflow:hidden;"&gt;<br />
复制代码用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象。</p>
<p>总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。</p>
<p>自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法</p>
<p>对于div,p等块级元素</p>
<p>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行</p>
<p>html <br />
&lt;div id="wrap"&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义&lt;/div&gt;<br />
css <br />
#wrap{white-space:normal; width:200px; }</p>
<p>IE浏览器</p>
<p>连续的英文字符和阿拉伯数字,使用word-wrap: break-word ;或者word-break:break-all;实现强制断行</p>
<p>html <br />
&lt;div id="wrap"&gt;abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111&lt;/div&gt;</p>
<p>css <br />
#wrap{word-break:break-all; width:200px;}<br />
或者 <br />
#wrap{word-wrap:break-word; width:200px;}</p>
<p>Firefox浏览器<br />
连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条</p>
<p>html <br />
&lt;div id="wrap"&gt;abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111&lt;/div&gt;</p>
<p>css <br />
#wrap{word-break:break-all; width:200px; overflow:auto;}</p>
<p>对于table元素<br />
IE浏览器<br />
1. 使用 table-layout:fixed;强制table的宽度,多余内容隐藏&lt;table style="table-layout:fixed" width="200"&gt;&lt;tr&gt;&lt;td&gt;abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;<br />
复制代码2. 使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行 &lt;table width="200" style="table-layout:fixed;"&gt;&lt;tr&gt;&lt;td width="25%" style="word-break : break-all; "&gt;abcdefghigklmnopqrstuvwxyz 1234567890&lt;/td&gt;&lt;td style="word-wrap : break-word ;"&gt;abcdefghigklmnopqrstuvwxyz 1234567890&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;<br />
复制代码3.在td,th中嵌套div,p等采用上面提到的div,p的换行方法</p>
<p>Firefox浏览器</p>
<p>1. 使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行，使用overflow:hidden;隐藏超出内，这里overflow:auto;无法起作用&lt;table style="table-layout:fixed" width="200"&gt;&lt;tr&gt;</p>
<p>&lt;td width="25%"&nbsp; style="word-break : break-all; overflow:hidden; "&gt;abcdefghigklmnopqrstuvwxyz1234567890&lt;/td&gt;</p>
<p>&lt;td width="75%" style="word-wrap : break-word; overflow:hidden; "&gt;abcdefghigklmnopqrstuvwxyz1234567890&lt;/td&gt;</p>
<p>&lt;/tr&gt;&lt;/table&gt;<br />
复制代码2.在td,th中嵌套div,p等采用上面提到的对付Firefox的方法。</p>
<p>最佳CSS定义换行代码.wrap { table-layout:fixed; word-break: break-all; overflow:hidden; }<br />
复制代码当然，这种现象出现的几率很小，但是不能排除网友的恶搞。 <br />
</p><img src ="http://www.blogjava.net/chenglu/aggbug/324434.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2010-06-25 14:06 <a href="http://www.blogjava.net/chenglu/archive/2010/06/25/table_huanhang.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>QQ在线状态代码详解及如何自定义在线风格图片</title><link>http://www.blogjava.net/chenglu/archive/2010/06/25/wp_qq.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Thu, 24 Jun 2010 23:28:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2010/06/25/wp_qq.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/324381.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2010/06/25/wp_qq.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/324381.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/324381.html</trackback:ping><description><![CDATA[网址是http://wp.qq.com<br />
发现这个玩意越来越强大了，就忍不住把官方的介绍搬过来：<br />
代码样例<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #000000">&lt;</span><span style="color: #000000">a&nbsp;href</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">http://sighttp.qq.com/cgi-bin/check?sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d</span><span style="color: #000000">"</span><span style="color: #000000">;target</span><span style="color: #000000">=</span><span style="color: #000000">_blank;&nbsp;onclick</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">var&nbsp;tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&amp;sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d';var&nbsp;oldscript=document.getElementById('testJs');var&nbsp;newscript=document.createElement('script');newscript.setAttribute('type','text/javascript');&nbsp;newscript.setAttribute('id',&nbsp;'testJs');newscript.setAttribute('src',tempSrc);if(oldscript&nbsp;==&nbsp;null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript,&nbsp;oldscript);}return&nbsp;false;</span><span style="color: #000000">"</span><span style="color: #000000">&gt;&lt;</span><span style="color: #000000">img&nbsp;border</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">0</span><span style="color: #000000">"</span><span style="color: #000000">&nbsp;SRC</span><span style="color: #000000">=</span><span style="color: #000000">'http:</span><span style="color: #008000">//</span><span style="color: #008000">wpa.qq.com/pa?p=1:80000805:1'&nbsp;alt="点击这里给我发消息"&gt;&lt;/a&gt;</span></div>
<p>1)、sigkey为个人鉴权key，请勿修改，否则无法发起临时会话。</p>
<p>2)、临时会话图标&lt;img border="0" SRC='http://wpa.qq.com/pa?p=1:80000805:1' alt="点击这里给我发消息"&gt;</p>
<p>SRC是图标链接，自定义图标中可以替换这一部分为自己图片的链接，</p>
<p>参数：</p>
<p style="line-height: 24px">P=以冒号&#8220;:&#8221;分隔多个参数</p>
<p style="line-height: 24px">第一个参数为版本号，目前为1；</p>
<p style="line-height: 24px">第二个为QQ/TM号码；</p>
<p style="line-height: 24px">第三个参数为图像风格，支持多种状态。</p>
<p style="line-height: 24px">alt是图标旁留言。</p>
<p>3)、除了自定义图标需要修改临时会话图标外，其他情况下建议不要修改代码，因为有可能导致在不同的环境和浏览器下，无法发起临时会话。</p>
<br />
<p style="font-weight: bold; font-size: 14px; margin-bottom: 3px">自定义在线风格图片</p>
<p>用JS实现，具体步骤如下：</p>
<p>1) 申请代码</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: #000000">&lt;</span><span style="color: #000000">a&nbsp;href</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">http://sighttp.qq.com/cgi-bin/check?sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d</span><span style="color: #000000">"</span><span style="color: #000000">;&nbsp;target</span><span style="color: #000000">=</span><span style="color: #000000">_blank;&nbsp;onclick</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">var&nbsp;tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&amp;sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d';var&nbsp;oldscript=document.getElementById('testJs');var&nbsp;newscript=document.createElement('script');newscript.setAttribute('type','text/javascript');&nbsp;newscript.setAttribute('id',&nbsp;'testJs');newscript.setAttribute('src',tempSrc);if(oldscript&nbsp;==&nbsp;null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript,&nbsp;oldscript);}return&nbsp;false;</span><span style="color: #000000">"</span><span style="color: #000000">&gt;&lt;</span><span style="color: #000000">img&nbsp;border</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">0</span><span style="color: #000000">"</span><span style="color: #000000">&nbsp;SRC</span><span style="color: #000000">=</span><span style="color: #000000">'http:</span><span style="color: #008000">//</span><span style="color: #008000">wpa.qq.com/pa?p=1:80000805:1'&nbsp;alt="点击这里给我发消息"&gt;&lt;/a&gt;</span></div>
<p>2) 定义online数组，必须是online命名</p>
<p>&lt;script&gt;var online= new Array();&lt;/script&gt;
<p>3) 获取在线状态</p>
<p>&lt;script src="http://webpresence.qq.com/getonline?Type=1&amp;80000805:"&gt;&lt;/script&gt;</p>
<p>可以获取多个，必须以冒号分隔，以冒号结尾，比如:</p>
<p>&lt;script src="http://webpresence.qq.com/getonline?Type=1&amp;80000805:10000:123456:"&gt;&lt;/script&gt;</p>
<p>online[0]=0,表示80000805离线</p>
<p>online[1]=1,表示10000在线</p>
<p>online[2]=1,表示123456在线</p>
<p>填写号码的先后顺序，分别对应数组online的0、1、2</p>
<p>4) 添加代码</p>
<p>把SRC='http://wpa.qq.com/pa?p=1:80000805:1'替换为自己的图片，比如:</p>
<div style="border-right: #cccccc 4px solid; padding-right: 5px; border-top: #cccccc 4px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 4px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 4px 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">&nbsp;</span><span style="color: #0000ff">if</span><span style="color: #000000">(online[</span><span style="color: #000000">0</span><span style="color: #000000">]</span><span style="color: #000000">==</span><span style="color: #000000">0</span><span style="color: #000000">)&nbsp;document.write(</span><span style="color: #000000">"</span><span style="color: #000000">&lt;a&nbsp;href=</span><span style="color: #000000">"</span><span style="color: #000000">http:</span><span style="color: #008000">//</span><span style="color: #008000">sighttp.qq.com/cgi-bin/check?sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d";&nbsp;target=_blank;&nbsp;onclick="var&nbsp;tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&amp;sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d';var&nbsp;oldscript=document.getElementById('testJs');var&nbsp;newscript=document.createElement('script');newscript.setAttribute('type','text/javascript');&nbsp;newscript.setAttribute('id',&nbsp;'testJs');newscript.setAttribute('src',tempSrc);if(oldscript&nbsp;==&nbsp;null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript,&nbsp;oldscript);}return&nbsp;false;"&gt;&lt;img&nbsp;border="0"&nbsp;SRC=<strong>'http://xxxx/outline.jpg'</strong>&nbsp;alt="点击这里给我发消息"&gt;&lt;/a&gt;");&nbsp;</span><span style="color: #008000"><br />
</span><span style="color: #0000ff">else</span><span style="color: #000000">&nbsp;document.write(</span><span style="color: #000000">"</span><span style="color: #000000">&lt;a&nbsp;href=</span><span style="color: #000000">"</span><span style="color: #000000">http:</span><span style="color: #008000">//</span><span style="color: #008000">sighttp.qq.com/cgi-bin/check?sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d";&nbsp;target=_blank;&nbsp;onclick="var&nbsp;tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&amp;sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d';var&nbsp;oldscript=document.getElementById('testJs');var&nbsp;newscript=document.createElement('script');newscript.setAttribute('type','text/javascript');&nbsp;newscript.setAttribute('id',&nbsp;'testJs');newscript.setAttribute('src',tempSrc);if(oldscript&nbsp;==&nbsp;null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript,&nbsp;oldscript);}return&nbsp;false;"&gt;&lt;img&nbsp;border="0"&nbsp;SRC=<strong>'http://xxxx/online.jpg'</strong>&nbsp;alt="点击这里给我发消息"&gt;&lt;/a&gt;");&nbsp;&lt;/script&gt;&nbsp;</span></div>
<br />
我是这样看的，用tx的方法得到某QQ号是否在线，用js判断，显示online.jpg或者outline.jpg这两个图片，其余不变。<img src ="http://www.blogjava.net/chenglu/aggbug/324381.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2010-06-25 07:28 <a href="http://www.blogjava.net/chenglu/archive/2010/06/25/wp_qq.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>html常见标签 for Ajax考试</title><link>http://www.blogjava.net/chenglu/archive/2010/01/07/html_tags_ajax.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Thu, 07 Jan 2010 08:31:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2010/01/07/html_tags_ajax.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/308563.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2010/01/07/html_tags_ajax.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/308563.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/308563.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: &nbsp;1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 基本的 HTML 标签                                    标签                                    描述                                        ...&nbsp;&nbsp;<a href='http://www.blogjava.net/chenglu/archive/2010/01/07/html_tags_ajax.html'>阅读全文</a><img src ="http://www.blogjava.net/chenglu/aggbug/308563.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2010-01-07 16:31 <a href="http://www.blogjava.net/chenglu/archive/2010/01/07/html_tags_ajax.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>常用正则表达式</title><link>http://www.blogjava.net/chenglu/archive/2009/10/12/zhengze_usual.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Mon, 12 Oct 2009 03:20:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2009/10/12/zhengze_usual.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/297866.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2009/10/12/zhengze_usual.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/297866.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/297866.html</trackback:ping><description><![CDATA[<p>/^\w+$/匹配由数字、26个英文字母或者下划线组成的字符串<br />
/^[A-Za-z0-9]+$/　匹配由数字和26个英文字母组成的字符串<br />
/^[a-z]+$/匹配由26个英文字母的小写组成的字符串<br />
只能输入数字：/^[0-9]*$/ <br />
只能输入n位的数字：/^\d{n}$/<br />
只能输入m-n位的数字：/^\d{m,n}$/<br />
只能输入有两位小数的正实数：/^[0-9]+(\.[0-9]{2})?$/<br />
验证Email地址：/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/<br />
匹配身份证：/^(\d{14}|\d{17})(\d|[xX])$/<br />
匹配ip地址：(\d+).(\d+).(\d+).(\d+) <br />
匹配腾讯QQ号：/[1-9][0-9]{4,}/腾讯QQ号从10000开始<br />
匹配中文字符的正则表达式：/ [\u4e00-\u9fa5] /<br />
</p><img src ="http://www.blogjava.net/chenglu/aggbug/297866.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2009-10-12 11:20 <a href="http://www.blogjava.net/chenglu/archive/2009/10/12/zhengze_usual.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>一个超级简单图片选择即时显示的语句</title><link>http://www.blogjava.net/chenglu/archive/2009/09/28/pic_upload_display.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Mon, 28 Sep 2009 00:29:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2009/09/28/pic_upload_display.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/296708.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2009/09/28/pic_upload_display.html#Feedback</comments><slash:comments>3</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/296708.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/296708.html</trackback:ping><description><![CDATA[<span style="font-size: 10pt">任务：做一个图片上传，但是在上传之前要显示本地图片的内容<br />
首先，命名一个id="pic"的img标签（id命名可随意）</span><br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="color: #008080">1</span><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">img&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">="pic"</span><span style="color: #0000ff">/&gt;</span></div>
<span style="font-size: 10pt">然后看file选择框<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="color: #008080">1</span><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">input&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="file"</span><span style="color: #ff0000">&nbsp;name</span><span style="color: #0000ff">="doc"</span><span style="color: #ff0000">&nbsp;onChange</span><span style="color: #0000ff">="document.images['pic'].src=this.value;"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;</span></div>
</span><span style="font-size: 10pt">重要的就是<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="color: #008080">1</span><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #000000">onChange</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">document.images['pic'].src=this.value;</span><span style="color: #000000">"</span></div>
</span><span style="font-size: 10pt">这样一句代码，具体什么含义我想大家都应该很清楚啦，我就不在这里说了<br />
注意document.images['pic'].src=this.value;" 这个pic需要与id保持一致</span>
<img src ="http://www.blogjava.net/chenglu/aggbug/296708.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2009-09-28 08:29 <a href="http://www.blogjava.net/chenglu/archive/2009/09/28/pic_upload_display.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>代码收藏-经典的javascript自定义提示信息</title><link>http://www.blogjava.net/chenglu/archive/2009/07/30/js_good_src.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Thu, 30 Jul 2009 13:44:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2009/07/30/js_good_src.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/289176.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2009/07/30/js_good_src.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/289176.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/289176.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 用于鼠标移动到自定义（所有标签均可）的提示作用&nbsp;&nbsp;<a href='http://www.blogjava.net/chenglu/archive/2009/07/30/js_good_src.html'>阅读全文</a><img src ="http://www.blogjava.net/chenglu/aggbug/289176.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2009-07-30 21:44 <a href="http://www.blogjava.net/chenglu/archive/2009/07/30/js_good_src.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>一些js ajax 源码</title><link>http://www.blogjava.net/chenglu/archive/2009/07/04/js_sth.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Sat, 04 Jul 2009 01:17:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2009/07/04/js_sth.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/285439.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2009/07/04/js_sth.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/285439.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/285439.html</trackback:ping><description><![CDATA[今日做网站，对js&nbsp; div+css等小有感冒<br />
1.首页flash图片轮播源文件<br />
<a href="/Files/chenglu/flash-index.rar">/Files/chenglu/flash-index.rar</a><br />
2.图片局部放大<br />
<a href="/Files/chenglu/tjpzoom.zip">/Files/chenglu/tjpzoom.zip</a><br />
3.Tab内容切换<br />
<a href="/Files/chenglu/ajaxtabscontent.rar">/Files/chenglu/ajaxtabscontent.rar</a><br />
4.Jquery报纸特效<br />
<a href="/Files/chenglu/jquerynewspager.rar">/Files/chenglu/jquerynewspager.rar</a>
<img src ="http://www.blogjava.net/chenglu/aggbug/285439.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2009-07-04 09:17 <a href="http://www.blogjava.net/chenglu/archive/2009/07/04/js_sth.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>添加到收藏夹和设为主页</title><link>http://www.blogjava.net/chenglu/archive/2009/06/14/282193.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Sun, 14 Jun 2009 10:07:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2009/06/14/282193.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/282193.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2009/06/14/282193.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/282193.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/282193.html</trackback:ping><description><![CDATA[<p>&nbsp;</p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><span style="color: #008080">1</span><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="#"</span><span style="color: #ff0000">&nbsp;onclick</span><span style="color: #0000ff">="this.style.behavior='url(#default#homepage)';this.setHomePage(chenglu.blogjava.net)"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">font&nbsp;</span><span style="color: #ff0000">color</span><span style="color: #0000ff">="#FFFFFF"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">设为首页&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">font</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;<br />
</span><span style="color: #008080">2</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="#"</span><span style="color: #ff0000">&nbsp;onClick</span><span style="color: #0000ff">="window.external.AddFavorite(document.location.href,'Javazhai)"</span><span style="color: #ff0000">&nbsp;onmousemove</span><span style="color: #0000ff">="status='收藏本页';"</span><span style="color: #ff0000">&nbsp;onmouseout</span><span style="color: #0000ff">="status='';"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">font&nbsp;</span><span style="color: #ff0000">color</span><span style="color: #0000ff">="#FFFFFF"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">加入收藏夹&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">font</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;</span></div>
<img src ="http://www.blogjava.net/chenglu/aggbug/282193.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2009-06-14 18:07 <a href="http://www.blogjava.net/chenglu/archive/2009/06/14/282193.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>一个低级错误~</title><link>http://www.blogjava.net/chenglu/archive/2009/05/09/javascript-diji-mistake.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Sat, 09 May 2009 02:22:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2009/05/09/javascript-diji-mistake.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/269728.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2009/05/09/javascript-diji-mistake.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/269728.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/269728.html</trackback:ping><description><![CDATA[<p>&lt;script language="javascript"&gt;<br>function checkForm(form){<br>&nbsp;&nbsp;&nbsp; if(isEmpty(form.uid.value)||isEmpty(form.password.value)||isEmpty(form.confirmPassword.value)||isEmpty(form.email.value)||isEmpty(form.quesstion.value)||isEmpty(form.answer.value)||){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert("请将表单信息填写完整！");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;<br>&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; if(form.password.value!=form.confirmPassword.value){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert("两次密码不相同！");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;<br>&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; if(form.password.value.length&lt;6||form.password.value.length&gt;16){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert("密码长度不合法！");<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;<br>&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; return true;<br>}<br>function isEmpty(str){<br>if(str=null||str.length==0)return true;<br>else return false;<br>} </p> <p>&lt;/script&gt;</p> <p>扣错！</p> <p>错在</p> <p><strong>if(isEmpty(form.uid.value)||isEmpty(form.password.value)||isEmpty(form.confirmPassword.value)||isEmpty(form.email.value)||isEmpty(form.quesstion.value)||isEmpty(form.answer.value)||){</strong><br>这里错了：isEmpty(form.answer.value)<strong>||</strong>){</p> <p>意思就是无论如何都是会返回一个true的！</p> <p>怪不得我在form表单里添加这个函数没作用，哎，以后还是小心为好啊！</p> <img src ="http://www.blogjava.net/chenglu/aggbug/269728.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2009-05-09 10:22 <a href="http://www.blogjava.net/chenglu/archive/2009/05/09/javascript-diji-mistake.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>stcms音乐发布系统 页面地址更改初探</title><link>http://www.blogjava.net/chenglu/archive/2009/03/29/stcms.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Sun, 29 Mar 2009 02:03:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2009/03/29/stcms.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/262703.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2009/03/29/stcms.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/262703.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/262703.html</trackback:ping><description><![CDATA[<p style="font-size: 8pt"><span style="font-size: 10pt">看我这么美妙的musicfeeling被改成万恶的stcms，感觉心里挺不忿的，于是乎就想法子将其干掉，换成正常网址<br />
<img height="258" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings1.JPG" width="776" border="0" /></span></p>
<span style="font-size: 10pt">根据个人WordPress经验，感觉应该从数据库入手，MS那个本页面地址会是从数据库读出的：<br />
<img height="394" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings2.JPG" width="558" border="0" /><br />
我查询了最有可能的data，随后又尝试了其他的，无果，郁闷中&#8230;&#8230;<br />
登入FTP：<br />
<img height="326" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings3.JPG" width="713" border="0" /><br />
考虑到会在config.inc.php里，一阵欣喜，打开&#8230;&#8230;<br />
<img height="432" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings4.JPG" width="658" border="0" /><br />
随之我发现这个跟后台的MS一样&#8230;&#8230;<br />
<img height="486" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings5.JPG" width="723" border="0" /><br />
参数完全一样&#8230;&#8230;&#8230;&#8230;<br />
又在FTP里转悠，cd js&nbsp; and&nbsp; cd include<br />
<img height="153" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings7.jpg" width="289" border="0" /><br />
<img height="140" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings8.jpg" width="365" border="0" /><br />
<img height="290" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings9.jpg" width="226" border="0" /><br />
下载了很多文件，但是依然&#8230;&#8230;<br />
<img height="293" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings10.jpg" width="507" border="0" /><br />
依然找不到问题的所在，<br />
这个时候，一首熟悉的歌曲响起——梦飞船《不值得》&#8230;&#8230;<br />
<embed src="http://www.8box.cn/feed/000000_s_354_/mini.swf" width="160" height="32" type="application/x-shockwave-flash" wmode="transparent"></embed> <br />
    去洗了一把脸，根据WordPress原理 然后我发现了FTP目录里我嗅探到了一个很敏感的目录：<br />
    <img height="75" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings11.jpg" width="135" border="0" /><br />
    template！！<br />
    据正常人的思维，所有的风格模板应该都带有制作人的版权信息的，因此这里会不会&#8230;&#8230;<br />
    Go !!<br />
    <img height="101" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings12.jpg" width="395" border="0" /><br />
    music.html/.这个MS就是音乐播放页面？~~！！！<br />
    <img height="168" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings13.jpg" width="552" border="0" /><br />
    下载 UE之&#8230;&#8230;<br />
    <img style="width: 774px; height: 289px" height="289" alt="" src="http://www.blogjava.net/images/blogjava_net/chenglu/musicfeelings14.jpg" width="774" align="center" border="0" /><br />
    一句激动人心的代码：&nbsp;<br />
    &lt;input id="url" type="text" size="45" value="http://stcms.vicp.net/music/music.php?id={$music.id}"/&gt;<br />
    遂将：http://stcms.vicp.net/music/<br />
    替换为 <a href="http://musicfeelings.cn">http://musicfeelings.cn</a>即可，<br />
    （done~）</span>
<img src ="http://www.blogjava.net/chenglu/aggbug/262703.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2009-03-29 10:03 <a href="http://www.blogjava.net/chenglu/archive/2009/03/29/stcms.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>获得本页面URL地址的JS代码(收藏)</title><link>http://www.blogjava.net/chenglu/archive/2009/03/29/js.html</link><dc:creator>Java宅男</dc:creator><author>Java宅男</author><pubDate>Sun, 29 Mar 2009 01:09:00 GMT</pubDate><guid>http://www.blogjava.net/chenglu/archive/2009/03/29/js.html</guid><wfw:comment>http://www.blogjava.net/chenglu/comments/262701.html</wfw:comment><comments>http://www.blogjava.net/chenglu/archive/2009/03/29/js.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/chenglu/comments/commentRss/262701.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/chenglu/services/trackbacks/262701.html</trackback:ping><description><![CDATA[
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />
				<span style="COLOR: #000000">&lt;</span>
				<span style="COLOR: #000000">script</span>
				<span style="COLOR: #000000">&gt;</span>
				<span style="COLOR: #000000"> <br /><img id="Codehighlighter1_30_107_Open_Image" onclick="this.style.display='none'; Codehighlighter1_30_107_Open_Text.style.display='none'; Codehighlighter1_30_107_Closed_Image.style.display='inline'; Codehighlighter1_30_107_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_30_107_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_30_107_Closed_Text.style.display='none'; Codehighlighter1_30_107_Open_Image.style.display='inline'; Codehighlighter1_30_107_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /></span>
				<span style="COLOR: #0000ff">function</span>
				<span style="COLOR: #000000"> copyCode(o)</span>
				<span id="Codehighlighter1_30_107_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">
						<img src="http://www.blogjava.net/images/dot.gif" />
				</span>
				<span id="Codehighlighter1_30_107_Open_Text">
						<span style="COLOR: #000000">{o.select();</span>
						<span style="COLOR: #0000ff">var</span>
						<span style="COLOR: #000000"> js</span>
						<span style="COLOR: #000000">=</span>
						<span style="COLOR: #000000">o.createTextRange();js.execCommand(</span>
						<span style="COLOR: #000000">"</span>
						<span style="COLOR: #000000">Copy</span>
						<span style="COLOR: #000000">"</span>
						<span style="COLOR: #000000">);alert(</span>
						<span style="COLOR: #000000">"</span>
						<span style="COLOR: #000000">复制成功！</span>
						<span style="COLOR: #000000">"</span>
						<span style="COLOR: #000000">);}</span>
				</span>
				<span style="COLOR: #000000"> <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />document.write(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">&lt;table align=center class=tableborder1 cellpadding=1 cellspacing=0&gt;&lt;tr&gt;</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">); <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />document.write(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">&lt;td width=10% nowrap class=tablebody1&gt;本页URL地址（双击复制）：&lt;/td&gt;</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">); <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />document.write(</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">&lt;td class=tablebody1&gt;&lt;textarea onfocus=this.select() style='width:100%;overflow-y:visible;' ondblclick=copyCode(this) rows=1&gt;</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">); <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />document.write(self.location</span>
				<span style="COLOR: #000000">+</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</span>
				<span style="COLOR: #000000">"</span>
				<span style="COLOR: #000000">); <br /><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span>
				<span style="COLOR: #000000">&lt;/</span>
				<span style="COLOR: #000000">script</span>
				<span style="COLOR: #000000">&gt;</span>
				<span style="COLOR: #000000">  </span>
		</div>
<img src ="http://www.blogjava.net/chenglu/aggbug/262701.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/chenglu/" target="_blank">Java宅男</a> 2009-03-29 09:09 <a href="http://www.blogjava.net/chenglu/archive/2009/03/29/js.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>