<!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;
เคอร์เซอร์: se-resize;
-
-
</สไตล์>
<script language="javascript" type="text/javascript">
ฟังก์ชั่น funOnload(){
var aTag = document.getElementsByTagName('a')[1];
aTag.onclick = funOnClick1;//添加事件
-
ฟังก์ชั่น funOperate1(){// 操作CSS 样式相关
var pTag = document.getElementsByTagName('p')[0];
//pTag.setAttribute("คลาส", "สิ้นสุด");
//pTag.setAttribute("style","color: #FF00FF;ขนาดตัวอักษร: 18px;การตกแต่งข้อความ: ขีดเส้นใต้;");
pTag.style.color="#0000FF";
-
ฟังก์ชั่น funOnClick1(e){//通过DOM-2 操作事件(IE8不支持)
ข้อมูล var = 'funOnClick1 ';
if(null != e && e.type == "คลิก"){
ข้อมูล +=" : n น้อยกว่า " + e.type + "n";
ข้อมูล += "按钮" + e.button + "n";
ข้อมูล += "触发元素 " + e.target.nodeName + "n";
e.stopPropagation();//停止事件传播给父节点(在当前例子中事件就不会传达室给 table 的 funOnClick2)
e.preventDefault();//阻止默认事件(这里点击 a 不会链接)
-
การแจ้งเตือน (ข้อมูล);
-
ฟังก์ชั่น funOnClick2(){
alert("funOnClick2");
-
</สคริปต์>
</หัว>
<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>
</ร่างกาย>
</html>