主页
JavaScript
JavaScript Arrow 箭头函数
tryjs_arrow_function6
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <h2>JavaScript "this"</h2> <p>此示例演示在常规函数中，“this”关键字表示不同的对象，具体取决于函数的调用方式。</p> <p>点击按钮再次执行“hello”函数，你会看到这次“this”代表的是按钮对象。</p> <button id="btn">单击我！</button> <p id="demo"></p> <script> var hello; hello = function() { document.getElementById("demo").innerHTML += this; } //窗口对象调用函数： window.addEventListener("load", hello); //按钮对象调用函数： document.getElementById("btn").addEventListener("click", hello); </script> </body> </html>