实例 当点击按钮时执行一段 JavaScript：Copy TextSalin selepas log masuk浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onclick 属性。定义和用法onclick 属性由元素上的鼠标点击触发。注释：onclick 属性不适用以下元素：、、、、、、<meta>、<param>、<script>、<style> 或 <title>。</p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">HTML 4.01 与 HTML5 之间的差异</p><p>无。</p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">语法</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element onclick="script"></pre><div class="contentsignin">Salin selepas log masuk</div></div><p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);">属性值</p><table><tbody><tr class="firstRow"><td width="113" valign="top" style="word-break: break-all;">值</td><td width="996" valign="top" style="word-break: break-all;">描述</td></tr><tr><td width="113" valign="top" style="word-break: break-all;">script</td><td width="996" valign="top" style="word-break: break-all;">onclick 发生时运行的脚本。</td></tr></tbody></table><p> 现在做的一个小系统为了达到领导所说的很炫的效果有用到Metro UI CSS，但是因为如何给每个磁贴(div标签)的click事件传递参数折腾了蛮久(偶是菜鸟)，后来终于找到一个解决方案即通过data-*属性，下面分别为jQuery和js实现：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery/jquery.min.js"></script> <script> $(document).ready(function(){ $(".title").click(function(){ var id=$(this).data("id"); var name=$(this).data("name"); alert("Id: "+id+" ; Name: "+name);}); }); function onClick(e){ var id=e.getAttribute("data-id"); var name=e.getAttribute("data-name"); alert("Id: "+id+" ; Name: "+name); } </script> </head> <body> <div class="title" data-id="1" data-name="Microsoft">Click Me</div> <div id="add" data-id="2" data-name="Google" onclick="onClick(this)">Click Me</div> </body> </html></pre><div class="contentsignin">Salin selepas log masuk</div></div><p><br></p>
