HTML onclick用法

什么是 onclick 事件

onclick事件是一个HTML元素的事件,当用户点击该元素时会被触发。它可以用于各种元素,如按钮、链接甚至是整个页面。

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>onclick 调用函数示例</title>
</head>

<body>
    <button onclick="showMessage()">点击调用函数</button>

    <script>
        function showMessage() {
            alert('Hello World!!');
        }
    </script>
</body>

</html>

在这个示例中,点击按钮将会弹出一个包含"Hello World!"的提示框。

相关推荐
妮妮喔妮2 小时前
Webpack和Vite优化的区别
前端·webpack·node.js
广州华水科技2 小时前
单北斗GNSS在大坝形变监测中的应用与性能分析
前端
等风来不如迎风去2 小时前
【web】页面透明、插入图片
前端
谢尔登2 小时前
a 标签的跳转机制
前端·javascript·webpack·node.js
狂炫冰美式2 小时前
当硅基神明撞上人类的“叹息之墙”:距离证明哥德巴赫猜想,AI还有多远?
前端·算法·架构
毕设源码-邱学长3 小时前
【开题答辩全过程】以 基于Vue的爱心公益募捐平台的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js
IT_陈寒3 小时前
Redis实战精要:5种高频使用场景与性能优化全解析|得物技术
前端·人工智能·后端
Hilaku3 小时前
那个把代码写得亲妈都不认的同事,最后被劝退了🤷‍♂️
前端·javascript·代码规范
南囝coding3 小时前
Node.js 原生功能狂飙,15 个热门 npm 包要失业了
前端·后端
Dragon Wu3 小时前
TanStack Query(React Query) 常用api及操作总结
前端·javascript·前端框架