onclick鼠标点击事件
当鼠标点击的时候，会改变内容以及样式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>(runoob.com)</title>
<script>
function myFunction(){
var b=document.getElementById("demo");
b.innerHTML="我的第一个 JavaScript 函数";
b.style.color="red";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落，又是另外的一个段落，我要变了！。</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
onmouseover鼠标浮动事件
当鼠标的光标在按钮或者图片的上面的时候，会调用函数，改变内容以及样式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>(runoob.com)</title>
<script>
function myFunction(){
var b=document.getElementById("demo");
b.innerHTML="我的第一个 JavaScript 函数";
b.style.color="red";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落，又是另外的一个段落，我要变了！。</p>
<button type="button" onmouseover="myFunction()">点击这里</button>
</body>
</html>