<!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 ">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=gb2312" />
<judul>JavaScriptCSS5</judul>
<!-- 注意td 的伪类 -->
<gaya tipe="teks/css">
<!--
.mulai {
ukuran font: 14px;
warna: #0000FF;
}
.akhir {
warna: #FF00FF;
ukuran font: 18px;
dekorasi teks: garis bawah;
}
td: arahkan kursor {
warna: #FF00FF;
warna latar belakang: #66FF00;
kursor: se-resize;
}
-->
</gaya>
<skrip bahasa="javascript" type="teks/javascript">
fungsi menyenangkanOnload(){
var aTag = dokumen.getElementsByTagName('a')[1];
aTag.onclick = funOnClick1;//添加事件
}
fungsi funOperate1(){//操作CSS
var pTag = dokumen.getElementsByTagName('p')[0];
//pTag.setAttribute("kelas","akhir");
//pTag.setAttribute("style","warna: #FF00FF;ukuran font: 18px;dekorasi teks: garis bawah;");
pTag.style.color="#0000FF";
}
fungsi funOnClick1(e){//通过DOM-2 seperti biasa(IE8不支持)
var info = 'funOnClick1';
if(null != e && e.type == "klik"){
info +=" : n 事件 " + e.type + "n";
info += "按钮 " + tombol e + "n";
info += "触发元素 " + e.target.nodeName + "n";
e.stopPropagation();//停止事件传播给父节点(在当前例子中事件就不会传达室给 table 的 funOnClick2)
e.preventDefault();//阻止默认事件(这里点击 a 不会链接)
}
peringatan(info);
}
fungsi menyenangkanOnClick2(){
peringatan("menyenangkanOnClick2");
}
</skrip>
</kepala>
<tubuh onload="funOnload();">
<tabel onclick="funOnClick2()">
<tr>
<td><a href="javascript:funOperate1()">操作1</a></td>
<td>
<a href=" http://qqface.knowsky.com/">qq表情</a> </td>
</tr>
</tabel>
<p>Halo Kata</p>
</tubuh>
</html>