实例:用户点击按钮,弹出一个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下使用,其他浏览器不支持。