onclick 属性是所有浏览器都支持的事件属性。
当用户单击按钮元素时出现。
如果要使按钮onclick，则需要在<button> 元素中添加onclick 事件属性。
如何将 URL 添加到 window 对象
当用户单击按钮时，按钮 onclick 运行脚本。
让我们看一个示例，其中有一个按钮，单击该按钮我们将转到我们的。
为了实现这一点，我们只需将的 URL 添加到 window 对象。
将 URL 添加到 window 对象的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<button onclick="window.location.href='https://onitroad.com';">点击我</button>
</body>
</html>
我们还可以使用按钮 onclick 来了解当前日期，只需将“getElementById('demo').innerHTML=Date()”添加到 onclick 事件即可。
使用按钮 onclick 了解当前日期的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<p>Click the button to see the current date.</p>
<button onclick="getElementById('demo').innerHTML=Date()">今天日期</button>
<p id="demo"></p>
</body>
</html>
onclick 事件用于在单击元素时调用函数。
这就是为什么它主要与 JavaScript 函数一起使用。
让我们考虑一个示例，我们需要单击按钮来设置一个函数，该函数将在 id="demo" 的 <p> 元素中输出消息。
添加 onclick 事件的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<p>经历过风雨，才懂得阳光的温暖。</p>
<button onclick="myFunction()">点击我!</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "hello world!";
}
</script>
</body>
</html>
日期：2020-06-02 22:15:10 来源：oir作者：oir