一、分時段顯示問候:
<script type="text/javascript">
var d=new Date();
var time=d.getHours();
if (time<12)
{
document.write(" 尊敬的XXX用戶:早上好!");
}
else if (time>=12&&time<=19)
{
document.write(" 尊敬的XXX用戶:下午好!");
}
else if (time>19&&time<=24)
{
document.write(" 尊敬的XXX用戶:晚上好!");
}
</script>
二、html顯示空格:
<style type="text/css">
#divleft{white-space: pre;}
</style>
字體顏色:
style="color:white"
同一行中左右對齊:
<div id-"divleft" style= "display:inline;float:left">
</div>
三、返回上一頁:
<a href="#" target=main onclick ="javascript:history.go(-1);">返回</a>
四、層疊樣式優(yōu)先級:
- 瀏覽器缺省設(shè)置
- 外部樣式表
- 內(nèi)部樣式表(位于 <head> 標(biāo)簽內(nèi)部)
- 內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明:<head> 標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
五、JS 回車提交表單:
<script type='text/javascript'>
function submitForm(frm,event){
var event=window.event?window.event:event; if(event.keyCode==13){
frm.submit();
}
}
</script><form method='post' action='test.html'>
用戶名:<input type='text' name="username" onkeydown='submitForm(this.form,event)'><br/>
密 碼:<input type='password' onkeydown='submitForm(this.form,event)'><br/>
<input type='reset' value='重置'>
<input type='button' onclick='this.form.submit()' value='提交'>
</form>
六、表格:td的colspan屬性,以及disable
<table border="1">
<tr>
<th>Month</th> <th>Savings</th>
</tr>
<tr>
<td colspan="2"
>January</td>
</tr>
<tr>
<td colspan="2"
>February</td>
</tr> </table>
posted on 2011-08-11 00:24
Jimi 閱讀(160)
評論(0) 編輯 收藏