有些时候你精通一门语言，但是会发现你其实整天在和其它语言打交道，也许你以为这些微不足道，不至于影响你的开发进度，但恰恰是这些你不重视的东西会浪费你很多时间，我一直以为我早在几年前就已经精通JavaScript了，直到目前，我才越来越觉得JavaScript远比我想象的复杂和强大，我开始崇拜它，就像崇拜所有OOP语言一样～
趁着节日的空隙，把有关JavaScript的方法和技巧整理下，让每个在为JavaScript而烦恼的人明白，JavaScript就这么回事！并希望JavaScript还可以成为你的朋友，让你豁然开朗，在项目中更好的应用～
适合阅读范围：对JavaScript一无所知～离精通只差一步之遥的人
基础知识：HTML
......
趁着节日的空隙，把有关JavaScript的方法和技巧整理下，让每个在为JavaScript而烦恼的人明白，JavaScript就这么回事！并希望JavaScript还可以成为你的朋友，让你豁然开朗，在项目中更好的应用～
适合阅读范围：对JavaScript一无所知～离精通只差一步之遥的人
基础知识：HTML
......
突然觉得Yahoo站内搜索与Live Search的站内搜索不能漏掉，在此补上
Yahoo站内搜索
<img src="http://www.yahoo.cn/img/homepage/oms_001.gif" border="0" ail="Yahoo"/>
<form method="get" action="http://www.yahoo.com.cn/search">
<input type="text" name="p">
<input type="submit" value="Yahoo站内搜索" name="submit">
<input type="hidden" name="pid" value="ysearch" />
<input type="hidden" name="ei" value="UTF-8" /><!-- 你的网站编码 -->
<input type="hidden" name="vs" value="www.azuresky.com.cn"><!-- 要搜索的网站地址 -->
<input type="hidden" name="source" value="site_search">
</form>
Live Search站内搜索代码
<img src="http://search.live.com/s/affillogoLive.gif" border="0" ail="Live Search" />
<form method="get" action="http://search.live.com/results.aspx">
<input type="text" name="q" />
<input type="submit" value="Live Search站内搜索" />
<input type="hidden" name="FORM" value="FREESS" />
<input type="hidden" name="cp" value="936" /><!-- 你的网站编码 这里默认为“936”GBK -->
<input type="hidden" name="q1" value="site:www.azuresky.com.cn" /><!-- 要搜索的网站地址 -->
</form>
Yahoo站内搜索
<img src="http://www.yahoo.cn/img/homepage/oms_001.gif" border="0" ail="Yahoo"/>
<form method="get" action="http://www.yahoo.com.cn/search">
<input type="text" name="p">
<input type="submit" value="Yahoo站内搜索" name="submit">
<input type="hidden" name="pid" value="ysearch" />
<input type="hidden" name="ei" value="UTF-8" /><!-- 你的网站编码 -->
<input type="hidden" name="vs" value="www.azuresky.com.cn"><!-- 要搜索的网站地址 -->
<input type="hidden" name="source" value="site_search">
</form>
Live Search站内搜索代码
<img src="http://search.live.com/s/affillogoLive.gif" border="0" ail="Live Search" />
<form method="get" action="http://search.live.com/results.aspx">
<input type="text" name="q" />
<input type="submit" value="Live Search站内搜索" />
<input type="hidden" name="FORM" value="FREESS" />
<input type="hidden" name="cp" value="936" /><!-- 你的网站编码 这里默认为“936”GBK -->
<input type="hidden" name="q1" value="site:www.azuresky.com.cn" /><!-- 要搜索的网站地址 -->
</form>
Google站内搜索
<img src="http://www.google.cn/images/google_sm.gif" border="0" alt="谷歌" />
<form method="get" action="http://www.google.com/search">
<input type="text" name="q">
<input type="submit" name="Search" value="Google站内搜索" attr="value">
<input type="hidden" name="ie" value="UTF-8"><!-- 你的网站编码 -->
<input type="hidden" name="oe" value="UTF-8"><!-- 搜索结果显示编码 -->
<input type="hidden" name="hl" value="zh-CN"><!-- 搜索显示操作信息 -->
<input type="hidden" name="domains" value="www.azuresky.com.cn"><!-- 要搜索的网站域名 -->
<input type="hidden" name="sitesearch" value="www.azuresky.com.cn"><!-- 要搜索的网站地址 -->
</form>
Baidu站内搜索
<img src="http://www.baidu.com/img/logo.gif" border="0" alt="百度" />
<form action="http://www.baidu.com/baidu">
<input type="text" name="word">
<input type="submit" value="Baidu站内搜索">
<input type="hidden" name="ie" value="UTF-8"><!-- 你的网站编码 -->
<input name="tn" type="hidden" value="bds">
<input name="cl" type="hidden" value="3">
<input name="ct" type="hidden" value="2097152">
<input type="hidden" name="si" value="www.azuresky.com.cn">
</form>
注意：要把上例中的"www.azuresky.com.cn" 换成您的网站网址！
<img src="http://www.google.cn/images/google_sm.gif" border="0" alt="谷歌" />
<form method="get" action="http://www.google.com/search">
<input type="text" name="q">
<input type="submit" name="Search" value="Google站内搜索" attr="value">
<input type="hidden" name="ie" value="UTF-8"><!-- 你的网站编码 -->
<input type="hidden" name="oe" value="UTF-8"><!-- 搜索结果显示编码 -->
<input type="hidden" name="hl" value="zh-CN"><!-- 搜索显示操作信息 -->
<input type="hidden" name="domains" value="www.azuresky.com.cn"><!-- 要搜索的网站域名 -->
<input type="hidden" name="sitesearch" value="www.azuresky.com.cn"><!-- 要搜索的网站地址 -->
</form>
Baidu站内搜索
<img src="http://www.baidu.com/img/logo.gif" border="0" alt="百度" />
<form action="http://www.baidu.com/baidu">
<input type="text" name="word">
<input type="submit" value="Baidu站内搜索">
<input type="hidden" name="ie" value="UTF-8"><!-- 你的网站编码 -->
<input name="tn" type="hidden" value="bds">
<input name="cl" type="hidden" value="3">
<input name="ct" type="hidden" value="2097152">
<input type="hidden" name="si" value="www.azuresky.com.cn">
</form>
注意：要把上例中的"www.azuresky.com.cn" 换成您的网站网址！
用DW插入的Flash方法！
是无法通过 W3C验证的，因为兼容性插入的embed 标签不符合W3C标准。
还有就是你一般上看到网页上的大部分Flash是不是有个“单击以激活并使用此控件”框？
嘿嘿！如果你想要你的网页符合XHTML 1.0标准而努力，如果你不想你网页上的Flash有“单击以激活并使用此控件”框，那么就可以同过下面方法来解决这个问题！
就是SWFObject
是无法通过 W3C验证的，因为兼容性插入的embed 标签不符合W3C标准。
还有就是你一般上看到网页上的大部分Flash是不是有个“单击以激活并使用此控件”框？
嘿嘿！如果你想要你的网页符合XHTML 1.0标准而努力，如果你不想你网页上的Flash有“单击以激活并使用此控件”框，那么就可以同过下面方法来解决这个问题！
就是SWFObject
有时候我们在制作网页的时候，会遇到不同浏览器，对填充和边距显示的不同效果。导致心情纳闷
现在提供解决这个困扰的方法！
对FF、Opear等支持Web标准的浏览器与比较顽固的IE浏览器进行针对性的CSS hack
/*FF、Opear等支持Web标准的浏览器*/
#header {
margin-top: 23px;
margin-bottom: 23px;
}
/*IE6浏览器*/
*html #header {
margin-top: 13px;
margin-bottom: 13px;
}
/*IE7浏览器*/
*+html #header {
margin-top: 18px;
margin-bottom: 18px;
}
因此，当你在遇到这种情况的时候可以用
* html 来定义IE6
*+html 来定义IE7
更新:
还有一种css hack直接与其他浏览器一起写在一条css表达式中
#header{
margin-top: 13px; /* 所有浏览器都支持 */
margin-top: 13px !important; /* Firefox、IE7支持 */
_margin-top: 13px; /* IE6支持 */
*margin-top: 13px; /* IE6、IE7支持 */
+margin-top: 13px; /* IE7支持 */
margin-top: 13px\9; /* IE6、IE7、IE8、IE9支持 */
margin-top: 13px\0; /* IE8、IE9支持 */
}
需要注意书写顺序：所有浏览器、Firefox、IE8、IE7、IE6依次排列。
现在提供解决这个困扰的方法！
对FF、Opear等支持Web标准的浏览器与比较顽固的IE浏览器进行针对性的CSS hack
/*FF、Opear等支持Web标准的浏览器*/
#header {
margin-top: 23px;
margin-bottom: 23px;
}
/*IE6浏览器*/
*html #header {
margin-top: 13px;
margin-bottom: 13px;
}
/*IE7浏览器*/
*+html #header {
margin-top: 18px;
margin-bottom: 18px;
}
因此，当你在遇到这种情况的时候可以用
* html 来定义IE6
*+html 来定义IE7
更新:
还有一种css hack直接与其他浏览器一起写在一条css表达式中
#header{
margin-top: 13px; /* 所有浏览器都支持 */
margin-top: 13px !important; /* Firefox、IE7支持 */
_margin-top: 13px; /* IE6支持 */
*margin-top: 13px; /* IE6、IE7支持 */
+margin-top: 13px; /* IE7支持 */
margin-top: 13px\9; /* IE6、IE7、IE8、IE9支持 */
margin-top: 13px\0; /* IE8、IE9支持 */
}
需要注意书写顺序：所有浏览器、Firefox、IE8、IE7、IE6依次排列。
