首页 > 代码库 > js - 02课 4 浅谈this

js - 02课 4 浅谈this

1. 在标签内部调用事件默认都是window调用的!

2. 为什么 函数fn1()必须写在window.onload = function(){} 外面才有效果!

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input id="btn1" type="button" value="http://www.mamicode.com/按钮1"/>
<input type="button" id="btn2" value="http://www.mamicode.com/按钮2" onclick="fn1();"/>
<!--写在行内的事件默认对象都是window-->
<script>
    window.onload = function () {
        var oBtn1 = document.getElementById(‘btn1‘)
        var oBtn2 = document.getElementById(‘btn2‘)
        oBtn1.onclick = function () {
            alert(this);//此处this指的是oBtn1
            fn1(); // 等价于 fn1() === window.fn1(); 所以弹出的是window
        };
    }
    function fn1() {
        alert(this);
    }
</script>
</body>
</html>

  

js - 02课 4 浅谈this