维科纳蒂 »
×
改变方向
在 Codepen 上打开
更改主题,深色/浅色
<!DOCTYPE html> <html> <body> <h1>JavaScript "this"</h1> <p>Цей приклад демонструє, що у звичайній функції ключове слово «this» представляє різні об’єкти залежно від способу виклику функції.</p> <p>Натисніть кнопку, щоб знову виконати функцію «hello», і ви побачите, що цього разу «this» представляє об’єкт кнопки.</p> <button id="btn">Тикай в мене!</button> <p id="demo"></p> <script> let hello = ""; hello = function() { document.getElementById("demo").innerHTML += this; } //Об’єкт вікна викликає функцію: window.addEventListener("load", hello); //Об’єкт кнопки викликає функцію: document.getElementById("btn").addEventListener("click", hello); </script> </body> </html>