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 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站专注于 Java、数据库(MySQL、Oracle)、Linux、软件架构及大数据等多领域技术知识分享。涵盖丰富的原创与精选技术文章,助力技术传播与交流。无论是技术新手渴望入门,还是资深开发者寻求进阶,这里都能为您提供深度见解与实用经验,让复杂编码变得轻松易懂,携手共赴技术提升新高度。如有侵权,请来信告知:hxstrive@outlook.com
公众号