<script type="text/javascript">
var get = {
byId: function(id) {
return document.getElementById(id)
},
byClass: function(sClass, oParent) {
var aClass = [];
var reClass = new RegExp("(^| )" + sClass + "( |$)");
var aElem = this.byTagName("*", oParent);
for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]);
return aClass
},
byTagName: function(elem, obj) {
return (obj || document).getElementsByTagName(elem)
}
};
window.onload = function ()
{
var oNav = get.byId("nav");
var aLi = get.byTagName("li", oNav);
var aSubNav = get.byClass("subnav", oNav);
var oSubNav = oEm = timer = null;
var i = 0;
for (i = 1; i < aLi.length; i++)
{
aLi[i].onmouseover = function ()
{
//隐藏所有子菜单
for (i = 0; i < aSubNav.length; i++)aSubNav[i].style.display = "none";
//获取该项下的子菜单
oSubNav = get.byClass("subnav", this)[0];
//获取该项下的指示箭头
oEm = get.byTagName("em", this)[0];
//显示该项下的子菜单
oSubNav.style.display = "block";
//判断显示区域
oNav.offsetWidth - this.offsetLeft > oSubNav.offsetWidth ?
//如果在显示范围居左显示
oSubNav.style.left = this.offsetLeft + "px" :
//超出显示范围居右显示
oSubNav.style.right = 0;
//计算指标箭头显示位置
oEm.style.left = this.offsetLeft - oSubNav.offsetLeft + 50 + "px";
clearTimeout(timer);
//阻止事件冒泡
oSubNav.onmouseover = function (event)
{
(event || window.event).cancelBubble = true;
clearTimeout(timer)
}
};
aLi[i].onmouseout = function ()
{
timer = setTimeout(function () {
oSubNav.style.display = "none"
},300)
}
}
};
</script>
**_var aElem = this.byTagName("*", oParent);
这句的意思是获取oParent下的所有标签
但这句中的this指向的对象是什么?,我感觉this没什么作用**_
this总指向是调用函数的对象。_
byTagName这个函数的定义在get对象的下面,调用的时候需要用get.byTagName来调用。而byClass也是定义在get下面的函数,调用的时候必须通过get.byClass 来调用。
在byClass中又调用了get.byTagName函数,调用byClass和调用byTagName的对象相同都是get对象,所以文中利用了this关键字替换掉了getget.byTagName的get对象。
我觉得涉及到了函数的优化,因为如果在get.byClass中直接写get.byTagName,js还有去寻找get这个对象,而直接有this关键字就简化了这一过程。
不知道是不是这样,请大咖们指出错误,让我们一起学习js这门语言。
get对象。。this指向那个你要看主调对象是那个this就是哪个,除非用call/apply更换过this
get对象
var aSubNav = get.byClass("subnav", oNav);这句就是作为对象的方法被调用,this指向的是get对象,如果先把get.byClass赋给另一个变量,this应该就会指向全局变量.
this.byTagName我认为是要加上的,在自身的函数作用域内部没有定义!
个人理解,一起交流