一、分时段显示问候:
<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>
四、层叠样式优先级:
- 浏览器缺省设置
- 外部样式表
- 内部样式表(位于 <head> 标签内部)
- 内联样式(在 HTML 元素内部)
内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。
五、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>