var sound = 'Roar';

function myOrneryBeast()

{

    this.style.color='green';//window 方法被调用时所属的对象

    alert(sound);

}

// this 的环境可以随着函数被赋值给不同的对象而改变

function initPage()

{

    var example=ADS.$('example');

    //使用事件属性方法

    example.onlick=myOrneryBeast;

    //或者使用ADS.addEvent方法

    ADS.addEvent(example,'mouseover',myOrneryBeast);

}

ADS.addEvent(window,'load',initPage);

function doubleCheck()

{

    this.message='Are you sure you want to leave?';

}

doubleCheck.prototype.sayGoodbye=function()

{

    return confirm(this.message)

}

initPage()

{

    var clickedLink=new doubleCheck();

    var links=document.getElementsByTagName('a');

    for (var i = 0;i<links.length ;i++ )

    {

        ADS.addEvent(links[i],'click',clickedLink.sayGoodbye);

    }

}

//这部分我一开始也没看懂，不前面的this 又看了一边，才稍微有点想明白。
//当sayGoodbye方法在<a>这个HTML中执行时，this所引用的就是这个HTML元素，而不是期望的clickedLink对象

ADS.addEvent(window,'load',initPage)

//下面函数主要是为了给原始函数（有func参数传递）创建一个新的环境。之后虽然原始函数仍然接受同样的参数，但是他却有了不同的环境

//(菜鸟通过实力图，理解稍微好一点。仅仅是稍微)

function bindFunction(obj,func)

{

    return function ()

    {

        func.apply(obj,arguments);

    }

}

function doubleCheck()

{

    this.message='Are you sure you want to leave?';

}

douleCheck.prototy.sayGoodbye=function()

{

    return confirm(this.message);

}

initPage()

{

    var clickLink=new doubleCheck();

    var links=document.getElementsByTagName('a');

    for (var i = 0;i<links.length ;i++ )

    {

        //已经将刚刚的方法加入ADS库中

        ADS.addEvent(links[i],'click',ADS.bindFunction(clickedLink,clickedLink.sayGoodby));

    }

}