实例:用户点击按钮,弹出一个alert框。代码如下:
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>测试 script 标签的 for 和 event 属性作用</title> <!-- 效果相当于给id为myBtn的对象添加一个在点击事件下的函数 --> <script language="javascript" for="myBtn" event="onclick"> alert("click me"); // 事件要执行的业务逻辑 </script> </head> <body> <button id="myBtn">My Button</button> </body> </html>
上面代码中:
for - 表示我们要添加事件的元素的id
event - 表示要绑定的事件,上面为点击事件onclick。该属性还可以是onload、onchange等等事件
上面的实现和下面等价:
<script type="text/javascript"> var obj = document.getElementById("myBtn"); obj.onclick = function(){ alert("click me"); }; </script>
注意:for和event只能在ie下使用,其他浏览器不支持。