<!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 的伪类 -->
<نمط النوع = "نص/CSS">
<!--
.يبدأ {
حجم الخط: 14 بكسل؛
اللون: #0000FF؛
}
.نهاية {
اللون: #FF00FF؛
حجم الخط: 18 بكسل؛
زخرفة النص: تسطير؛
}
تد: تحوم {
اللون: #FF00FF؛
لون الخلفية: #66FF00؛
المؤشر: تغيير الحجم؛
}
-->
</نمط>
<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("class"،"end")؛
//pTag.setAttribute("style"، اللون: #FF00FF؛ حجم الخط: 18px؛ زخرفة النص: تسطير؛")؛
pTag.style.color="#0000FF";
}
الدالة funOnClick1(e){// قم بتشغيل DOM-2 操作事件(IE8不支持)
معلومات var = 'funOnClick1';
إذا(خالية!= 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")؛
}
</script>
</الرأس>
<body onload="funOnload();">
<جدول عند النقر = "funOnClick2 ()">
<تر>
<td><a href="javascript:funOperate1()">الإجابة 1</a></td>
<td>
<a href=" http://qqface.knowsky.com/">qq表情</a> </td>
</tr>
</الجدول>
<p>مرحبا يا كلمة</p>
</الجسم>
</html>