<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="
http://www.w3.org/1999/xhtml ">
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>자바스크립트CSS5</title>
<!-- 注意td 的伪类 -->
<스타일 유형="텍스트/css">
<!--
.시작하다 {
글꼴 크기: 14px;
색상: #0000FF;
}
.끝 {
색상: #FF00FF;
글꼴 크기: 18px;
텍스트 장식: 밑줄;
}
td:호버 {
색상: #FF00FF;
배경색: #66FF00;
커서: se-resize;
}
-->
</style>
<스크립트 언어="자바스크립트" 유형="텍스트/자바스크립트">
함수 funOnload(){
var aTag = document.getElementsByTagName('a')[1];
aTag.onclick = funOnClick1;//이벤트 이벤트
}
funOperate1() 함수{//작성CSS 样式상형
var pTag = document.getElementsByTagName('p')[0];
//pTag.setAttribute("class","end");
//pTag.setAttribute("스타일","색상: #FF00FF;글꼴 크기: 18px;텍스트 장식: 밑줄;");
pTag.style.color="#0000FF";
}
funOnClick1(e){//통합 DOM-2 함수 funOnClick1(IE8不支持)
var info = 'funOnClick1';
if(null != e && e.type == "클릭"){
info +=" : n 사건 " + e.type + "n";
info += "按钮" + e.button + "n";
info += "触发元素 " + e.target.nodeName + "n";
e.stopPropagation();//停止事件传播给父节点(在当前例子中事件就不会传达室给 table 的 funOnClick2)
e.preventDefault();//阻止默认事件(这里点击 a 不会链接)
}
경고(정보);
}
함수 funOnClick2(){
Alert("funOnClick2");
}
</script>
</head>
<body onload="funOnload();">
<table onclick="funOnClick2()">
<tr>
<td><a href="javascript:funOperate1()">작성1</a></td>
<td>
<a href=" http://qqface.knowsky.com/">qq表情</a> </td>
</tr>
</table>
<p>안녕하세요</p>
</body>
</html>