📅 最后修改于: 2023-12-03 14:53:12.734000 🧑 作者: Mango
如果您正在开发一个网站或应用程序，您可能希望在页面中添加一个按钮，当用户单击该按钮时，可以打开另一个网站。在本文中，我们将介绍如何使用 HTML 添加一个按钮以打开网站。
HTML 提供了一个按钮元素，即 button 元素。您可以将 button 元素添加到您的 HTML 页面中，并使用属性来定义按钮的行为和外观。
以下是一个 button 元素的示例：
<button onclick="window.location.href = 'http://www.example.com';">Visit Example.com</button>
在上面的示例中，我们创建了一个按钮，当用户单击该按钮时，将打开 http://www.example.com 网站。我们使用了 onclick 属性来定义单击按钮时要执行的代码，该代码将设置 window.location.href 属性为我们想要打开的网站的URL。
如果您希望在新的浏览器标签或窗口中打开网站，则可以使用 target 属性。以下是一个示例：
<button onclick="window.open('http://www.example.com', '_blank');">Visit Example.com in New Tab</button>
在上述示例中，我们创建了一个按钮，当用户单击该按钮时，将在新的浏览器标签或窗口中打开 http://www.example.com 网站。我们使用了 window.open 函数来打开窗口，并使用 _blank 作为目标，以便在新的标签或窗口中打开网站。
以下是一个完整的 HTML 示例，其中包含两个按钮，分别用于在当前标签和新标签中打开网站。
<!DOCTYPE html>
<html>
<head>
<title>Open Website Button</title>
</head>
<body>
<h1>Open Website Button Example</h1>
<button onclick="window.location.href = 'http://www.example.com';">Visit Example.com</button>
<button onclick="window.open('http://www.example.com', '_blank');">Visit Example.com in New Tab</button>
</body>
</html>
您可以将上述代码复制并粘贴到您的 HTML 页面中，以添加一个或多个按钮以打开网站。
希望这篇文章能够帮助您添加按钮以打开网站。祝您好运！