html页面script标签的for和event属性

本文将介绍 <script> 标签上面的for和event属性的用法。

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

少壮不努力,老大徒悲伤。——汉乐府古辞《长歌行》
2 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号