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!"的提示框。

相关推荐
ClouGence3 分钟前
2026 年自动化测试工具选型指南:8 款主流工具对比
前端·测试
lichenyang45342 分钟前
为什么需要双线程通信、JavaScriptProxy 和 runJavaScript 分别干什么
前端
以和为贵1 小时前
前端也能搞懂 RAG:用 JS 手写一条最小检索增强链路
前端·人工智能·面试
风止何安啊1 小时前
网课倍速痛点解决:一套前端代码实现自由控速播放器
前端·javascript·node.js
越努力越幸运661 小时前
多模态代码调试实战:Gemini3.5 精准捕获 HTML 隐性语法
html
牧艺1 小时前
用 Next.js + React Three Fiber 打造 3D 快递仓储可视化
前端·three.js
锋行天下2 小时前
如何用Vite实现Vue组件的按需打包和远程加载
前端·vue.js·前端框架
光影少年2 小时前
原生DOM操作在React 中的注意事项
前端·javascript·react.js
禅思院4 小时前
前端部署“三层漏斗”完全指南:从CI/CD到自动回滚的工程化实战【开题】
前端·架构·前端框架
快乐肚皮5 小时前
深入理解Loop Engineering
前端·后端