<!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 ">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<titre>JavaScriptCSS5</titre>
<!-- 注意td 的伪类 -->
<style type="text/css">
<!--
.commencer {
taille de police : 14 px ;
couleur : #0000FF ;
}
.fin {
couleur : #FF00FF ;
taille de police : 18 px ;
décoration de texte : souligner ;
}
td: survoler {
couleur : #FF00FF ;
couleur d'arrière-plan : #66FF00 ;
curseur : redimensionner automatiquement ;
}
-->
</style>
<langage de script="javascript" type="text/javascript">
fonction funOnload(){
var aTag = document.getElementsByTagName('a')[1];
aTag.onclick = funOnClick1;//添加事件
}
function funOperate1(){//pour CSS CSS
var pTag = document.getElementsByTagName('p')[0];
//pTag.setAttribute("class","end");
//pTag.setAttribute("style","color: #FF00FF;font-size: 18px;text-decoration: underline;");
pTag.style.color="#0000FF";
}
function funOnClick1(e){//通过DOM-2 操作事件(IE8不支持)
var info = 'funOnClick1';
if(null != e && e.type == "clic"){
info +=" : n 事件 " + e.type + "n";
info += "按钮 " + e.button + "n";
info += "触发元素 " + e.target.nodeName + "n";
e.stopPropagation();//停止事件传播给父节点(voir table avec funOnClick2)
e.preventDefault();//阻止默认事件(这里点击 a 不会链接)
}
alerte (infos);
}
fonction funOnClick2(){
alerte("funOnClick2");
}
</script>
</tête>
<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>Bonjour Word</p>
</corps>
</html>