• 技术文章 >web前端 >html教程

    HTML的onclick属性如何实现单击处理

    不言不言2019-01-16 14:15:04原创6932
    使用onclick属性可以设置单击元素时要执行的处理事件,onclick属性通常与JavaScript一起使用,可以执行更复杂的处理,通过单击具有此onclick属性集的元素,将执行onclick属性中指定的JavaScript函数等。下面我们就来看看本篇文章的具体内容。

    如何使用onclick属性?

    在以下的例子中,我们将创建一个带a标签的链接按钮,并尝试在那里设置onclick属性。

    代码如下

    <html>
        <script>
            function js_alert() {
                alert("Pushed!");
            }
        </script>
        <body>
            <a href="#" onclick="js_alert()">链接</a>
        </body>
    </html>

    运行效果如下

    微信截图_20190116140545.png

    点击链接会出现如下效果

    在此代码中,onclick属性已添加到使用a标记创建的链接中。

    对于onclick属性,设置了js_alert()函数。

    此js_alert()函数由脚本标记包围的部分定义。

    当然,除了发出警示之外,您还可以指定函数定义的任何内容。

    即使在判断是否使用JavScript运行的动画时,也要使用onclick属性。

    以上就是本篇文章的全部内容,更多精彩内容大家可以关注php中文网的相关栏目教程!!!

    以上就是HTML的onclick属性如何实现单击处理的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:onclick属性
    上一篇:DOM是什么意思 下一篇:使用HTML中input标签的hidden发送隐藏数据的方法
    大前端线上培训班

    相关文章推荐

    • 事件绑定之小测试 onclick && addEventListener_javascript技巧• 为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)_表单特效• firefox事件处理之自动查找event的函数(用于onclick=foo())_javascript技巧• javascript option onclick事件ie解决方案 兼容ie,firefox_表单特效• javascript - <input type="submit" onclick="submitAction();return false;"/>• onclick = xxx这种赋值写法绑定事件的原理是什么?• 正则,去掉onclick解决办法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网