一组javascript学习笔记

作者:互联网

2009-06-11

Javascript教程

htm页面:




 
 


 
 
 

javascript:admin_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.className:得到触发事件对象的样式名称,对应上面htm页面class=active */
  if (srcElement.className == "active") {

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

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

相关标签:

Javascript