javaScript代码:三种事务处理方法对比


<html>
<head lang="en">
<meta charset="UTF-8">
<title>title>
head>

<body>
    <div id="div">
        <button id="btn1" onclick="demo()">按钮button>
    div>

    

    

    

    <script>//防止浏览器兼容性问题,同时使用if语句使用以上三种处理方法
        var btn1 = document.getElementById("btn1");
        if (btn1.addEventListener) {
            btn1.addEventListener("click", demo);
        } else if (btn1.attachEvent) {
            btn1.attachEvent("onclick", demo);
        } else {
            btn1.onclick = demo();
        }
        function demo() {
            alert("Hello");
        }
    script>
body>
html>

你可能感兴趣的:(JS学习,前端)