master

分支 (1)

管理

管理

master

day02-JavaScript-Vue
/
14. JS-事件-事件绑定.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-事件-事件绑定</title>
</head>

<body>
    <img src="img/off.gif" id="1">
    <br>
    <input type="button" id="btn1" value="不闪" onclick="on1()" >
    <input type="button" id="btn2" value="闪" onclick="off1()">
    <input type="button" id="btn3" value="一闪一闪" >
    <br>
    <input type="text"  id="t1" placeholder="请输入字母" value="abcd" onfocus="up1()" onblur="up2()">
    <br>

   <label><input type="checkbox" name="1" value="java"> java</label>
    <label><input type="checkbox" name="1" value="c">c</label>
    <label><input type="checkbox" name="1" value="python">python</label>
    <br>
    <input type="button" value="全选" onclick="select1()">
    <input type="button" value="不选" onclick="unselect()">


</body>

<script>
    var one33= document.getElementById("btn3")
    let b= document.getElementsByTagName("img");
    one33.onclick=()=>{
        window.setInterval(()=>{

            b[0].src="img/on.gif"

        },1000);
       window.setInterval(()=>{
            b[0].src="img/off.gif";
        },2000);

    }

    var one11=  document.getElementById("btn1")
    one11.onclick=()=>{
        let a= document.getElementsByTagName("img");
        a[0].src="img/off.gif";

    }
    var one22=  document.getElementById("btn2");
    one22.onclick=()=>{
        let a= document.getElementsByTagName("img");
        a[0].src="img/on.gif";

    }


    function up1(){
      let lowerCase=  document.getElementById("t1")
        lowerCase.value=lowerCase.value.toLowerCase();
    }
    function up2(){
        let upperCase=  document.getElementById("t1")
        upperCase.value=upperCase.value.toUpperCase();
    }
    function select1(){
        let all= document.getElementsByName("1")
        for (let i = 0; i < all.length; i++) {
            all[i].checked=true;
        }
    }
    function unselect(){
        let all= document.getElementsByName("1")
        for (let i = 0; i < all.length; i++) {
            all[i].checked=false;
        }
    }


</script>
</html>