<!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>
网友评论