JS面向对象实例、高级

·  选项卡用面向过程1

window.οnlοad=function ()
{
	var oDiv = document.getElementById('div1');
	var aDiv = oDiv.getElementsByTagName('div');
	var aBtn = oDiv.getElementsByTagName('input');

	for (var i=0;i<aBtn.length;i++)
	{
		aBtn[i].index=i;
		aBtn[i].οnclick=function ()
		{				
			for(var i=0;i<aBtn.length;i++)
			{
				aBtn[i].className='';
				aDiv[i].style.display='';
			}
			this.className='active';
			aDiv[this.index].style.display='block';						
		};
	}
};

·  选项卡用面向对象写2

var aBtn=null;  //全局变量
var aDiv=null;

window.οnlοad=function ()
{
	var oDiv = document.getElementById('div1');
	aDiv = oDiv.getElementsByTagName('div');     //去掉 var
	aBtn = oDiv.getElementsByTagName('input');

	for (var i=0;i<aBtn.length;i++)
	{
		aBtn[i].index=i;
		aBtn[i].οnclick=fnClick;
		
	}
};

function fnClick()
{					
	for(var i=0;i<aBtn.length;i++)
	{
		aBtn[i].className='';
		aDiv[i].style.display='';
	}
	this.className='active';
	aDiv[this.index].style.display='block';						
};

·  选项卡用面向对象写3

window.οnlοad=function ()
{
	new TabS