JavaScript 学习笔记 Black.Caffeine 09.11.28

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript 学习笔记 Black.Caffeine 09.11.28，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3075字，纯文字阅读大概需要5分钟。

内容图文

function addEventHandler(oTarget, sEventType, fnHandler) 
{ 
    if(oTarget.addEventListener) 
    {oTarget.addEventListener(sEventType, fnHandler, false);} 
    else if(oTarget.attachEvent) 
    {oTarget.attachEvent('on' + sEventType, fnHandler);} 
    else{oTarget['on' + sEventType] = fnHandler;} 
} 
 
2）传递this参数问题： 
由于我吧函数和属性都封装到了一个类里面，所以在绑定onclick之类的事件是，就会产生一个问题，比如，addEventHandler(this.elems[i],"click",this.Move);，这样就出错了，因为在onclick事件发生的时候，调用的this就不是指向这个封装的类了，于是乎，就需要用到apply()了~——应用某一对象的一个方法，用另一个对象替换当前对象。具体格式我就不用说了，网上一大堆~函数： 
 代码如下:

var Bind = function(object,func){ 
        var args = Array.prototype.slice.call(arguments).slice(2); 
        return function(){ 
            return func.apply(object,args); 
        } 
    } 
 
调用： 
this._fnMove=Bind(this,this.move,i);//this.move是我定义的一个成员函数,封装在类中 
//this.elems[i].onclick=this._fnMove;//吧上面那句话换成这句话也是可以的，只不过，onclick事件就被替换为this._fnMove，而不是添加this._fnMove进去 
addEventHandler(this.elems[i],"click",this._fnMove); 
这样就OK了~ 
PS.call()也是基本相同的功能，但具体参数不一样 
2.setInterval问题 
1）与setTimeout的区别 
在一般情况下，setTimeout仅执行一次，（当然，如果在一个函数里反复调用setTimeout,就可以重复执行了）而 setInterval是可以重复执行的，直到clearIntercal() 
2）在IE下不兼容问题 
这个问题折磨了我50%的时间，哦买噶，以后是不是要半生都浪费在跟IE干仗上了。。。 
本来，在chrome,ff,safari上都运行的很好，我相当激动，以至于遗忘了IE。。。后来在IE上一试，结果，完了，修改，google（此处为动词，嘿嘿）,基本上花了大半天时间吧，终于搞定。 之前，语句是这样的：this.timer=setInterval(this.unfold,5,this.divs[index],this);结果在IE下完全不好使。最后，在某位大侠的文章里面看到如下描述：在IE下，setTimeout和setInterval是不支持参数传递的.问题很快就解决掉了，果然是我太菜了~ 
解决问题的函数如下： 
 代码如下:

var mySetInterval = setInterval; 
window.setInterval = function(callback, interval) 
{ 
var args = Array.prototype.slice.call(arguments, 2); 
function callFn(){callback.apply(null, args);} 
return mySetInterval(callFn, interval); 
} 

var mySetTimeOut = setTimeout; //修改setInterval 
window.setTimeout = function(callback, timeout) 
{ 
var args = Array.prototype.slice.call(arguments, 2); 
function callFn(){callback.apply(null, args);} 
 
然后使用window.setTimeout或window.setInterval调用就可以了~ 
我的语句修改如下： 
this.timer=window.setInterval(this.unfold,5,this.divs[index],this); //其中，this.divs[index],this是传递的两个参数 
再次谢谢那位大侠，虽然他不认识我~ 
目前，在IE中还有点排版的小问题，继续学习~全力兔子！
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JavaScript 学习笔记 Black.Caffeine 09.11.28全部内容，希望文章能够帮你解决JavaScript 学习笔记 Black.Caffeine 09.11.28所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端