HTML onclick 按钮

WBOY原创: 2024-09-04 16:49:36463浏览

在 HTML 中，我们有一个按钮用于将用户请求数据提交到服务器（后端）以验证和导航网页。主要是，如果我们使用 onclick 按钮作为事件属性，并且所有浏览器都支持，那么无论我们在脚本中使用此事件函数，浏览器兼容性功能也是如此。当用户单击时，该事件就会出现。标签，会用到，需要在

onclick 按钮的工作原理

主要用于在用户需要点击按钮的地方触发并调用该函数。如果用户通过单击鼠标， Onclick 事件中的元素，它会调用 Javascript 等函数。…onclick 事件属性基本上只包含一个在事件后端运行的脚本的值。

语法：

<button  name="" value="" onclick<strong> ="</strong>function()"/>

以上语法是html属性中onclick事件的基本用法。我们还根据用户需求定制了活动。

HTML onclick 按钮示例

下面给出了 html 中 onclick 按钮的示例：

示例#1

代码：

<html>
<body>
<button onclick="Function()">Click</button>
<p id="sample"></p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>

输出：

HTML onclick 按钮

在上面的例子中，我们创建了javascript函数；此外，当用户单击“click”按钮时，浏览器本身会显示“Welcome”值。

示例#2

代码：

<html>
<body>
<p id="sample" onclick="Function()">Click</p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>

输出：

HTML onclick 按钮