javascript学习笔记

1.在页面加载完毕时执行多个函数的addLoadEvent函数

把现有的window.onload事件处理函数的值存入变量oldonload。

如果在这个处理函数上还没有绑定任何函数，就把新函数添加给它。

如果在这个处理函数上已经绑定了一些函数，就把新函数追加到现有指令的末尾。

function addLoadEvent(func){var oldonload = window.onload;if(typeof window.onload != 'function'){window.onload = func;}else{window.onload = function(){oldonload();func();}}}addLoadEvent(firstFunction);addLoadEvent(SecondFunction);

2.新老浏览器调用getElementsByClassName函数的方法

/*新老浏览器调用getElementsByClassName函数的方法：function getElementsByClassName(node,classname){if(node.getElementsByClassName){return node.getElementsByClassName(classname);}else{var results = new Array();//创建一个新的数组对象var elems = node.getElementsByTagName("*");//通配符查找所有的元素标签for(var i=0;i<elems.length;i++)//循环遍历{if(elems[i].className.indexOf(classname)!=-1)//索引指定的classname{results[results.length] = elems[i];}}return results;}}

3.Javascript This 的用法

function show(){    this.a="1";//我的理解是 这里的 this 指bb    alert(this.a+this.b+this.c+this.d);//显示"1undefinedundefinedundefined"    show2();    function show2(){      this.b="2";      alert(this.a+this.b+this.c+this.d);// 显示 "undefined2undefinedundefined" 为什么 this.a 是 undefined ......      show3();      function show3(){        this.c="3";        alert(this.a+this.b+this.c+this.d);//显示 "undefined23undefined" 这里 为什么 不是 "undefinedundefined3undefined"        show4();        function show4(){          this.d="4";          alert(this.a+this.b+this.c+this.d);   //显示 "undefined234" 为什么 this.a 都是 undefined         }      }    }  }  var bb=new show()  

This始终指向调用它的对象;

因为var bb=new show()，this.a中的this被实例化对象为bb，所以this.a=1;

在show2,show3,show4中的this没有被实例化，在JS 的内存访问机制中，实例化的对象成员与非实例化的成员之间不能相互访问，所以根据JS的规定后三个方法中的this指向的是全局对象window;

4.正则基础之——NFA引擎匹配原理

传送门：点击打开链接

5.使用JQuery实现动画效果的按钮

传送门：点击打开链接

6.使用JQuery实现图片显示浏览的效果 LightBox

传送门：点击打开链接

传送门：点击打开链接

7.杂志翻页效果HTML5实现

传送门：点击打开链接