Dom 事件 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body onload="checkCook()">
    
        <h1 id="h1" onclick="this.innerHTML='Hello'">here</h1>
        <button id="btn">btn</button>
        
        <input type="text" id="fname" onchange="upperFun()" />
        
        <div id="div1" onmouseover="overFun()" onmouseout="outFun()">
            here
        </div>
        <script >
        //Dom事件
            document.getElementById("btn").onclick=display;
            function display(){
                document.getElementById("h1").innerHTML="display";
            }
            
        //页面加载事件
            function checkCook(){
                if(navigator.cookieEnabled==true){
                    console.log("true");
                }else{
                    console.log("false");
                }
            }
        //onchange 事件
            function upperFun(){
                var str=document.getElementById("fname");
                str.value=str.value.toUpperCase();
            }
        //onmouseover 鼠标移上去事件
            function overFun(){
                document.getElementById("div1").innerHTML="good";
            }
        //onmouseout 鼠标离开事件
            function outFun(){
                document.getElementById("div1").innerHTML="here";
            }
        </script>
    </body>
</html>

 

posted @ 2022-03-20 17:08  lwx_R  阅读(29)  评论(0)    收藏  举报