我们刚才的案例中的script标签在不修改代码的基础上，就必须放在body标签之后 ; 原因是因为必须在页面加载完成之后，我们才可以获取到图片标签 ; 若想把script标签放在body标签之前，这里可以通过添加页面加载成功事件来处理。
事件是可以被 javaScript 侦测到的行为。
网页中的每个元素都可以产生某些可以触发 javaScript 函数的事件。例如 : 页面加载成功的之后我们来触发某个函数，又如我们可以在用户点击某个标签时产生一个单击事件来触发某个函数。
注意
事件通常要与函数配合使用，当事件发生时函数才会执行。
| 属性 | 描述 |
|---|---|
| onblur | 元素失去焦点 |
| onfocus | 元素获得焦点 |
| onchange | 用户改变域的内容 |
| onclick | 鼠标点击某个对象 |
| ondblclick | 鼠标双击某个对象 |
| onkeydown | 某个键盘的键被按下 |
| onkeyup | 某个键盘的键被松开 |
| onload | 某个页面或图像被完成加载 |
| onmousedown | 某个鼠标按键被按下 |
| onmouseout | 鼠标从某元素移开 |
| onmouseover | 鼠标被移到某元素之上 |
| onmouseup | 某个鼠标按键被松开 |
| onsubmit | 提交按钮被点击 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hs</title>
</head>
<input type = "button" id = "b2" value="再点我"/>
<script>
document.getElementById("b2").onclick = function (){
alert("我也被点击了")
}
</script>
<body>
<input type="button" id="b1" value="点我" onclick="output()"/>
<script>
function output(){
alert("i am button and was clicked")
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hs</title>
</head>
<body>
<input type="text" value="请输入用户名..." onfocus="clearText(this)" onblur="setData(this)"/>
<script>
//获取焦点
function clearText(inputObj) {
inputObj.value = "";
}
//失去焦点
function setData(inputObj) {
inputObj.value = "请输入用户名...";
}
</script>
<form action="success.html" onsubmit=" return submitTest()">
用户名：<input type="text" name="userName"/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）