console 命令行工具 X clear

console

const A = 'aaa'

let btn2 = document.querySelector('#btn2');

btn2.onclick = function(){
    alert(2)
}
console.log(btn2.onclick)

// btn1的onclick属性是什么？
let btn1 = document.querySelectorAll('button')[0];
console.log(btn1.onclick);


function btn3click(e){
    console.log('btn3click')
    console.log(e)
    console.log(this)
    // 
    
}

function btn4click(e){
    console.log(e)
}

<html>

    <body>
    btn1 的事件处理程序能访问到id值
	<button id='btn1' onclick='console.log(id);console.log(A);console.log(URL);console.log(this)'>点击</button>
    <br>
    <button id='btn2'>点击2</button>
    <br>
    <button onclick='btn3click(event)'>点击3</button>
    <br>

    // 无效的事件绑定
    <button onclick='btn4click'>点击4</button>
</body>
</html>