javascript学习笔记:一组javascript学习笔记

="t18">htm页面:

<script src="js/admin_js.js" language="javascript"></script>
<script language=JavaScript>
document.onclick = clickList;
</script>
<table width="216" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="533" background="images/left.jpg" align="center" valign="top">
<div id=div0 style="width:216; position:relative">
<label id=div0 style="cursor: hand; background:url(images/left_.jpg); width:216; height:31; text-align:center; color:#f0f0f0; padding-top:12px">部门管理</span></label>
</div>
<div id=div0other style="display:None; width:216">
<label style="background:url(images/left_part.jpg); width:216; height:24; padding-top:8px"><aadmin_js.js

function clickList {
var targetId, srcElement, targetElement;

/*event对象指当前触发事件对象, window.event.srcElement是指触发事件对象(event:得到或设置触发事件对象event.srcElement:指向触发事件元素)比如上面htm页面设定document.onclick = clickList;这时所有页面点击事件都交给 clickList处理在 clickList里写 srcElement = window.event.srcElement知道用户是点击了什么地方做相应处理*/
srcElement = window.event.srcElement;

/*srcElement.Name:得到触发事件对象样式名称对应上面htm页面=active */
(srcElement.Name "active") {

/*在目标ID后加上"other"此例即为:div0other,代表子菜单*/
targetId = srcElement.id + "other";
targetElement = document.all(targetId);//当点击母菜单"部门管理后"显示子菜单"查看部门"、"添加部门"

/*下面默认子菜单样式为不可见*/
(targetElement.style.display "none") {
targetElement.style.display = "";
} {
targetElement.style.display = "none";
}
}
}

Tags:  怎样学习javascript 如何学习javascript javascript学习 javascript学习笔记

延伸阅读

最新评论

发表评论