html按钮跳转网页代码

Click here to go to example.com

以上HTML代码用于创建一个按钮，并通过点击按钮跳转到"https://www.example.com"网页。

在head标签内，我们添加了一个title标签来定义网页的标题。

然后，我们在script标签内定义一个名为redirect的JavaScript函数。该函数使用window.location.href来指定将要转到的URL地址。在本例中，我们将URL设置为"https://www.example.com"。

下一步，我们将通过onclick事件将redirect函数与按钮绑定。当点击按钮时，JavaScript函数将被触发，将页面重定向到所指定的URL。

最后，我们在body标签内创建了一个按钮，并使用onclick属性将其与JavaScript函数绑定在一起。按钮上显示的文本是"Click here to go to example.com"。

让我们来详细解释一下代码的过程：

1.首先，我们需要创建一个HTML文件，以供我们编写代码。您可以使用任何文本编辑器，将文件保存为以.html为扩展名的文件。

2.在head标签内，我们添加一个title标签，用于定义网页的标题。您可以将其替换为适合您的网页主题的标题。

3.然后，我们在script标签内添加一个JavaScript函数。我们将其命名为redirect。当该函数被调用时，它将使用window.location.href来将页面重定向到"https://www.example.com"。

4.接下来，在body标签内，我们创建了一个按钮。按钮的文本是"Click here to go to example.com"。我们使用onclick属性将按钮与JavaScript函数绑定在一起。

5.一旦用户点击按钮，JavaScript函数将被触发，并通过window.location.href将页面重定向到"https://www.example.com"。

请注意，上述代码仅用作示例。您可以替换URL以指向您所需的网页。您还可以自定义按钮的外观和样式，以适应您的网页设计。