<!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" />
<標題>JavaScriptCSS5</標題>
<!-- 注意的偽類 -->
<樣式類型=“文字/css”>
<!--
。
字體大小:14px;
顏色:#0000FF;
}
。
顏色:#FF00FF;
字體大小:18px;
文字裝飾:底線;
}
TD:懸停{
顏色:#FF00FF;
背景顏色:#66FF00;
遊標:se-調整大小;
}
-->
</風格>
<腳本語言=“javascript”類型=“text/javascript”>
函數 funOnload(){
var aTag = document.getElementsByTagName('a')[1];
aTag.onclick = funOnClick1;//新增事件
}
function funOperate1(){//操作CSS樣式相關
var pTag = document.getElementsByTagName('p')[0];
//pTag.setAttribute("class","end");
//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();//停止事件傳播給父節點(在當前例子中事件就不會傳播室給表的funOnClick2)
e.preventDefault();//預設阻止事件(這裡點擊a不會連結)
}
警報(訊息);
}
函數 funOnClick2(){
警報(“funOnClick2”);
}
</腳本>
</頭>
<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>
</表>
<p>你好詞</p>
</正文>
</html>