﻿<?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-xskow's road.-文章分类-前台Html and JS脚本</title><link>http://www.blogjava.net/xskowscut/category/39383.html</link><description>&lt;font size=5&gt;做好自己，做好一切。&lt;/font&gt;</description><language>zh-cn</language><lastBuildDate>Fri, 19 Jun 2009 14:58:07 GMT</lastBuildDate><pubDate>Fri, 19 Jun 2009 14:58:07 GMT</pubDate><ttl>60</ttl><item><title>让Frameset居中，并且固定宽度的巧妙办法</title><link>http://www.blogjava.net/xskowscut/articles/283220.html</link><dc:creator>xskow!</dc:creator><author>xskow!</author><pubDate>Fri, 19 Jun 2009 05:35:00 GMT</pubDate><guid>http://www.blogjava.net/xskowscut/articles/283220.html</guid><wfw:comment>http://www.blogjava.net/xskowscut/comments/283220.html</wfw:comment><comments>http://www.blogjava.net/xskowscut/articles/283220.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/xskowscut/comments/commentRss/283220.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/xskowscut/services/trackbacks/283220.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;平常我个人开发页面时，一般用width都是100%的，所以用frameset起来就没有什么问题，但是后来我突然需限制宽度为1024，糟了，frameset设定style都不起作用了！<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;那怎么办呀？一种方法是使用table+iframe，但是做起来还比较麻烦，如果在我们已有的frameset中加工呢？呵呵，如下：<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"><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">frameset&nbsp;</span><span style="color: #ff0000">rows</span><span style="color: #0000ff">="50,*,50"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><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="" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">3</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">4</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">5</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">frameset</span><span style="color: #0000ff">&gt;</span></div>
<br />
这样默认应该是width 100%的，现在要限制为1024，只需要几行代码，如下：<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">frameset&nbsp;</span><span style="color: #ff0000">cols</span><span style="color: #0000ff">="*,1024,*"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><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">frame&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">="about:blank"</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">3</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">frameset&nbsp;</span><span style="color: #ff0000">rows</span><span style="color: #0000ff">="50,*,50"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">4</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">5</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">6</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">7</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">frameset</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">8</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">frame&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">="about:blank"</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">frame</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">9</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">frameset</span><span style="color: #0000ff">&gt;</span></div>
<br />
呵呵，现在再看看，是不是固定宽度了？如果你的分辨率是1024*768的话可能看不出效果，调高分辨率后效果就出来了！
<img src ="http://www.blogjava.net/xskowscut/aggbug/283220.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/xskowscut/" target="_blank">xskow!</a> 2009-06-19 13:35 <a href="http://www.blogjava.net/xskowscut/articles/283220.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JSON.parse解析字符串抛出异常解决方法</title><link>http://www.blogjava.net/xskowscut/articles/277283.html</link><dc:creator>xskow!</dc:creator><author>xskow!</author><pubDate>Fri, 22 May 2009 05:05:00 GMT</pubDate><guid>http://www.blogjava.net/xskowscut/articles/277283.html</guid><wfw:comment>http://www.blogjava.net/xskowscut/comments/277283.html</wfw:comment><comments>http://www.blogjava.net/xskowscut/articles/277283.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/xskowscut/comments/commentRss/277283.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/xskowscut/services/trackbacks/277283.html</trackback:ping><description><![CDATA[我初学JSON，按照官方说明，在json2.js中有parse和stringify两个方法，parse用于从一个字符串中解析出json对象。还是举个例子说明：<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">var</span><span style="color: #000000">&nbsp;str&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">{'name':'x',&nbsp;'age':23}</span><span style="color: #000000">"</span><span style="color: #000000">;<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="" />JSON.parse(str);</span></div>
原来认为这肯定能够正确执行的，但是无论怎样写这个对象string，都抛出异常。后来发现原来是 <span style="color: red">" </span>和 <span style="color: red">' </span>导致的错误。如果改为：<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: #008080">1&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;str</span><span style="color: #000000">=</span><span style="color: #000000">'</span><span id="Codehighlighter1_9_34_Open_Text"><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">xskow</span><span style="color: #000000">"</span><span style="color: #000000">,&nbsp;</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">23</span><span style="color: #000000">}</span></span><span style="color: #000000">';<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="" />JSON.parse(str);</span></div>
就OK了！<br />
还有就是我们写对象的时候一般可以{name:'xskow'}，即属性名可以不用双引号括起来，但如果使用JSON.parse的话，每个属性都必须用双引号括起来，否则也会抛出异常。<br />
stringify方法就是和parse功能相反，但是一般对自定义对象也没有异常产生，这里就不说了。<br />
有说的不对的，还请指正。谢谢。<br />
呵呵~
<img src ="http://www.blogjava.net/xskowscut/aggbug/277283.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/xskowscut/" target="_blank">xskow!</a> 2009-05-22 13:05 <a href="http://www.blogjava.net/xskowscut/articles/277283.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>【转】jQuery库与其他JS库冲突的解决办法</title><link>http://www.blogjava.net/xskowscut/articles/268886.html</link><dc:creator>xskow!</dc:creator><author>xskow!</author><pubDate>Mon, 04 May 2009 12:51:00 GMT</pubDate><guid>http://www.blogjava.net/xskowscut/articles/268886.html</guid><wfw:comment>http://www.blogjava.net/xskowscut/comments/268886.html</wfw:comment><comments>http://www.blogjava.net/xskowscut/articles/268886.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/xskowscut/comments/commentRss/268886.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/xskowscut/services/trackbacks/268886.html</trackback:ping><description><![CDATA[声明：良心告诉我，我必须转载这篇一年多以前的文章，因为，还会有很多人中招的。<br />
<br />
现在的js库很多，而且各有所长。像我，就比较喜欢<span class="hilite1">jQuery</span>，但同时也会使用一下其他的js库，如YUI，DWR什么的。但是它们却时不时地相互闹些小矛盾，真是让人头痛。究其原因，原来是它们的全局对象定义冲突了，特别是变量&#8221;$&#8221;，几乎百分之百要在这中招。怎么办？呵呵，看我的！<br />
<br />
重载$函数。使用<span class="hilite1">jQuery</span>.noConflict()就可以通过重载$函数，从而区分开跟其他js库的重叠部分。例子如下：<br />
<br />
<div class="dp-highlighter">
<div class="bar">
<div class="tools">Js代码 <a title="复制代码" onclick="dp.sh.Toolbar.CopyToClipboard(this);return false;" href="http://smartfool.javaeye.com/blog/152222#"><img alt="复制代码" src="http://smartfool.javaeye.com/images/icon_copy.gif" /></a></div>
</div>
<ol class="dp-c">
    <li><span><span>&lt;script&nbsp;src=</span><span class="string">"prototype.js"</span><span>&gt;&lt;/script&gt; &nbsp;&nbsp;</span></span>
    <li><span>&lt;script&nbsp;src=</span><span class="string">"<span class="hilite1">jquery</span>.js"</span><span>&gt;&lt;/script&gt; &nbsp;&nbsp;</span></span>
    <li><span>&lt;script&gt; &nbsp;&nbsp;</span>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="hilite1">jQuery</span>.noConflict(); &nbsp;&nbsp;</span>
    <li><span>&nbsp;&nbsp;</span>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="comment">//&nbsp;Use&nbsp;<span class="hilite1">jQuery</span>&nbsp;via&nbsp;<span class="hilite1">jQuery</span>(&#8230;) </span><span>&nbsp;&nbsp;</span></span>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="hilite1">jQuery</span>(document).ready(</span><span class="keyword">function</span><span>(){ &nbsp;&nbsp;</span></span>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="hilite1">jQuery</span>(&#8221;div&#8221;).hide(); &nbsp;&nbsp;</span>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;</span>
    <li><span>&nbsp;&nbsp;</span>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="comment">//&nbsp;Use&nbsp;Prototype&nbsp;with&nbsp;$(&#8230;),&nbsp;etc. </span><span>&nbsp;&nbsp;</span></span>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;$(&#8217;someid&#8217;).style.display&nbsp;=&nbsp;&#8216;none&#8217;; &nbsp;&nbsp;</span>
    <li><span>&lt;/script&gt;&nbsp;&nbsp;</span> </li>
</ol>
</div>
<pre class="js" style="display: none" name="code">&lt;script src="prototype.js"&gt;&lt;/script&gt;
&lt;script src="<span class="hilite1">jquery</span>.js"&gt;&lt;/script&gt;
&lt;script&gt;
<span class="hilite1">jQuery</span>.noConflict();
// Use <span class="hilite1">jQuery</span> via <span class="hilite1">jQuery</span>(&#8230;)
<span class="hilite1">jQuery</span>(document).ready(function(){
<span class="hilite1">jQuery</span>(&#8221;div&#8221;).hide();
});
// Use Prototype with $(&#8230;), etc.
$(&#8217;someid&#8217;).style.display = &#8216;none&#8217;;
&lt;/script&gt;</pre>
<br />
记得要在载入完各js库后才能用<span class="hilite1">jQuery</span>.noConflict()进行重载哦，如例子中的prototype和<span class="hilite1">jquery</span>。<br />
<br />
当然我们也可以不使用其默认的名字空间，比如我喜欢使用 $j() 而不是 <span class="hilite1">jQuery</span>() 。<br />
<br />
<div class="dp-highlighter">
<div class="bar">
<div class="tools">Js代码 <a title="复制代码" onclick="dp.sh.Toolbar.CopyToClipboard(this);return false;" href="http://smartfool.javaeye.com/blog/152222#"><img alt="复制代码" src="http://smartfool.javaeye.com/images/icon_copy.gif" /></a></div>
</div>
<ol class="dp-c">
    <li><span><span class="keyword">var</span><span>&nbsp;$j&nbsp;=&nbsp;<span class="hilite1">jQuery</span>.noConflict(); &nbsp;&nbsp;</span></span>
    <li><span>$j(document).ready(</span><span class="keyword">function</span><span>(){ &nbsp;&nbsp;</span></span>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;$j(&#8221;div&#8221;).hide(); &nbsp;&nbsp;</span>
    <li><span>});&nbsp;&nbsp;</span> </li>
</ol>
</div>
<pre class="js" style="display: none" name="code">var $j = <span class="hilite1">jQuery</span>.noConflict();
$j(document).ready(function(){
$j(&#8221;div&#8221;).hide();
});</pre>
&nbsp;<br />
呵呵，很简单吧。原文在<a href="http://docs.jquery.com/Using_jQuery_with_Other_Libraries" target="_blank">这里</a>。 
<img src ="http://www.blogjava.net/xskowscut/aggbug/268886.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/xskowscut/" target="_blank">xskow!</a> 2009-05-04 20:51 <a href="http://www.blogjava.net/xskowscut/articles/268886.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>