JavaScript三个点击事件（onload，onclick，onchange）

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>三个点击事件</title>
</head>
<body onload="load();">
    <div id="dv">你好，早晨</div>
    <button type="button" onclick="test()">点我</button>
    <select id="se" onchange="getVal(this);">
        <option>朝霞</option>
        <option>晚霞</option>
        <option>黎明</option>
    </select>
    <script type="text/javascript">
        //onload事件
        //onload 事件会在页面或图像加载完成后立即发生。
        //onload 通常用于 <body> 元素，
        //在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
        function load(){
            var dv = document.getElementById("dv");
            dv.style.color="skyblue";
        }

        //onclicks事件，可以放在绝大多数标签中
        function test(){
            alert("hello,你点击了");
        }
        //onchange事件，可以用在<select><input type="text">, <select>,
        // <textarea>标签中，当选中的内容，或输入的内容发生改变时，触发该事件。
         // change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。
        function getVal(t){
            console.log(t.value);//会返回当前选中的值
            console.log("--------");//我是分割线
            console.log(t.innerHTML);
            console.log("--------");//我是分割线
            console.log(t.innerText);
            //以上两个会返回select标签中的所有内容
        }
        
    </script>
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容