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

相关推荐
ganshenml4 小时前
【Web】证书(SSL/TLS)与域名之间的关系:完整、通俗、可落地的讲解
前端·网络协议·ssl
这是个栗子5 小时前
npm报错 : 无法加载文件 npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
HIT_Weston5 小时前
44、【Ubuntu】【Gitlab】拉出内网 Web 服务:http.server 分析(一)
前端·ubuntu·gitlab
华仔啊6 小时前
Vue3 如何实现图片懒加载?其实一个 Intersection Observer 就搞定了
前端·vue.js
JamesGosling6666 小时前
深入理解内容安全策略(CSP):原理、作用与实践指南
前端·浏览器
不要想太多6 小时前
前端进阶系列之《浏览器渲染原理》
前端
g***96906 小时前
Node.js npm 安装过程中 EBUSY 错误的分析与解决方案
前端·npm·node.js
izx8886 小时前
HTML 敲击乐 PART--2
html
七喜小伙儿7 小时前
第2节:趣谈FreeRTOS--打工人的日常
前端
我叫张小白。7 小时前
Vue3 响应式数据:让数据拥有“生命力“
前端·javascript·vue.js·vue3