题记
javascript事件的用法
HTML 事件是发生在 HTML 元素上的事情。
HTML 元素中添加事件属性
也可以是双引号
<元素名 事件名='JavaScript 代码'>
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>none</title>
</head>
<body>
<button οnclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
<p id="demo"></p>
</body>
</html>
修改自身元素的实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>none</title>
</head>
<body>
<button οnclick="this.innerHTML=Date()">现在的时间是?</button>
</body>
</html>
常用实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>none</title>
</head>
<body>
<p>点击按钮执行 <em>displayDate()</em> 函数.</p>
<button οnclick="displayDate()">点这里</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>
常见事件
onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 鼠标指针移动到指定的元素上时发生
onmouseout 用户从一个 HTML 元素上移开鼠标时发生
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载
后记
觉得有用可以点赞或收藏！