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

相关推荐
BD_Marathon10 小时前
【JavaWeb】CSS_三种引入方式
前端·css
excel10 小时前
# Vue 渲染系统的四个关键阶段:从模板编译到新旧 VDOM Patch 的完整机制解析
前端
cos10 小时前
我的 Claude Code 使用小记 2
前端·ai编程·claude
Dreamboat-L10 小时前
ES6 (ECMAScript 2015+)
前端·ecmascript·es6
凤凰战士芭比Q11 小时前
web中间件——(二)Nginx(高级功能、优化)
前端·nginx·中间件
阿珊和她的猫11 小时前
表单数据验证:HTML5 自带属性与其他方法的结合应用
前端·状态模式·html5
谷粒.12 小时前
Cypress vs Playwright vs Selenium:现代Web自动化测试框架深度评测
java·前端·网络·人工智能·python·selenium·测试工具
小飞侠在吗18 小时前
vue props
前端·javascript·vue.js
DsirNg19 小时前
页面栈溢出问题修复总结
前端·微信小程序
小徐_233319 小时前
uni-app 也能远程调试?使用 PageSpy 打开调试的新大门!
前端·微信小程序·uni-app