<!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>JavaScriptCSS5</title>
<!-- 注意td 的伪类 -->
<style type="text/css">
<!--
。始める {
フォントサイズ: 14px;
色: #0000FF;
}
。終わり {
色: #FF00FF;
フォントサイズ: 18px;
テキスト装飾: 下線;
}
td:ホバー {
色: #FF00FF;
背景色: #66FF00;
カーソル: サイズ変更;
}
-->
</スタイル>
<script language="javascript" type="text/javascript">
関数 funOnload(){
var aTag = document.getElementsByTagName('a')[1];
aTag.onclick = funOnClick1;// イベント追加
}
function funOperate1(){//operCSS 样式相关
var pTag = document.getElementsByTagName('p')[0];
//pTag.setAttribute("クラス","終了");
//pTag.setAttribute("スタイル","色: #FF00FF;フォントサイズ: 18px;テキスト装飾: 下線;");
pTag.style.color="#0000FF";
}
function funOnClick1(e){//DOM-2 操作イベント通過(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();//阻止イベント(ここでは不会链接)
}
アラート(情報);
}
関数 funOnClick2(){
アラート("funOnClick2");
}
</script>
</head>
<body onload="funOnload();">
<テーブル onclick="funOnClick2()">
<tr>
<td><a href="javascript:funOperate1()">オペレーション 1</a></td>
<td>
<a href=" http://qqface.knowsky.com/">qq の表情</a> </td>
</tr>
</テーブル>
<p>こんにちは</p>
</body>
</html>