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实现

传送门：点击打开链接