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>