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

相关推荐
写代码的【黑咖啡】1 天前
Python 中的自然语言处理利器:NLTK
前端·javascript·easyui
Swift社区1 天前
Nginx 反向代理配置 React 前端与 Python 后端
前端·nginx·react.js
可问春风_ren1 天前
Vue3 入门详解:从基础到实战
开发语言·前端·javascript·vue.js·前端框架·ecmascript·edge浏览器
一起养小猫1 天前
Flutter for OpenHarmony 实战:从零开发一款五子棋游戏
android·前端·javascript·flutter·游戏·harmonyos
晚霞的不甘1 天前
Flutter for OpenHarmony全面升级「今日运势」 应用的视觉与交互革新
前端·学习·flutter·前端框架·交互
学嵌入式的小杨同学1 天前
【Linux 封神之路】文件操作 + 时间编程实战:从缓冲区到时间格式化全解析
linux·c语言·开发语言·前端·数据库·算法·ux
RFCEO1 天前
学习前端编程:精准选中 HTML 元素的技巧与方法
前端·学习·css类选择器·兄弟元素选中·父子选中·关系选中·选择器选中
想睡好1 天前
ref和reactive
前端·javascript·vue.js
霁月的小屋1 天前
React 闭包陷阱深度解析
前端·javascript·react.js
tao3556671 天前
【用AI学前端】HTML-01-HTML 基础框架
前端·html