为DOM添加事件的几种方式

HTML如下：

<p>请点击按钮来显示日期。</p>

<button id='btn'>时间是？</button>

<p id="demo"></p>



<script>

    function displayDate() {

        document.getElementById("demo").innerHTML = Date();

    }

</script>

以点击事件为例：

方式一：

<button οnclick="displayDate()">点我</button>

方式二：

document.getElementById('btn').onclick = displayDate;

方式三：

document.getElementById("btn").addEventListener('click', displayDate);

方式四：

$('#btn').click(displayDate);

方式五：

$('#btn').on('click', displayDate);