HTML DOM 节点 |
HTML DOM 方法 |
HTML DOM 属性 |
HTML DOM 访问 |
HTML DOM - 修改 |
HTML DOM - 元素 |
HTML DOM - 事件 |
HTML DOM 导航 |
HTML DOM 总结 |
当前阅读教程:HTML DOM 教程 > 使用 HTML DOM 来分配事件 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: HTML 事件属性 | 下一篇: onchange 事件 |
HTML DOM 允许您使用 JavaScript 向 HTML 元素分配事件: 实例 为 button 元素分配 onclick 事件: <!doctype html> <html> <head> <meta charset="utf-8"> <title>向 HTML 元素分配事件 - insertBefore()(2d5.net小白教程网)</title> </head> <body> <p>点击按钮执行 <strong>displayDate()</strong> 函数。</p> <button id="myBtn">点我</button> <script> document.getElementById("myBtn").onclick=function(){displayDate()}; //document.getElementById("myBtn").onclick=displayDate(); //错误 function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script> <p id="demo"></p> </body> </html> 在上面的例子中,名为 displayDate 的函数被分配给了 id=myButn" 的 HTML 元素。 当按钮被点击时,将执行函数。 效果图 |
|
上一篇: HTML 事件属性 | 下一篇: onchange 事件 |