📄 5-30.html
字号:
<HTML>
<HEAD>
<TITLE> AJAX深入浅出--代码5-30</TITLE>
<META http-equiv="Content-Type" content="text/html;charset=GB2312"/>
</HEAD>
<BODY onclick="bodyClick();">
<TABLE BORDER="1" onclick="tableClick();">
<TR>
<TD ID="Cell1"> </TD>
<TD ID="Cell2"> </TD>
</TR>
<TR>
<TD ID="Cell3"> </TD>
<TD><INPUT TYPE="button" value="click me!" onclick="buttonClick();"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
<SCRIPT language="javascript">
//Body响应的click事件
function bodyClick() {
alert("body click!");
document.getElementById("Cell1").innerHTML=getTime();
}
//Table响应的click事件
function tableClick() {
alert("table click!");
document.getElementById("Cell2").innerHTML=getTime();
}
//Button响应的click事件
function buttonClick() {
alert("button click!");
document.getElementById("Cell3").innerHTML=getTime();
event.cancelBubble = true;
}
//获取时间
function getTime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
return timeValue;
}
</SCRIPT>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -