HTML中button标签点击实现页面跳转的三种方法

法1：使用onclick事件

<input type="button" value="按钮"
onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />

或者直接使用button标签

<button onclick="window.location.href = 'https://www.baidu.com/'">百度</button>

方法2：在button标签外套一个a标签

<a href="http://www.baidu.com/">
 <button>百度</button>
</a>

或使用

<a href="http://www.baidu.com/"><input type="button" value='百度'></a>

方法3：使用JavaScript函数

、锚点链接的概念

我们在浏览一个网页的时候，通常会遇到比较长的网页，一直向下拉滚动条一直向下，而在最底部的位置通常会有一个一键返回到顶部

或者返回到哪里的按钮，这个按钮就是利用的 锚点链接 功能。

就两个值：第一个就是锚点下在哪里？第二个就是点在哪里？

<body>

<!-- 2、跳转的目标位置：点-->

<a id="test">这里是顶部</a>

<!-- 1、跳转的按钮：锚-->

<a href="#test">回到顶部</a>

</body>

源代码：↓

备注：如果手机上看格式错乱，建议粘贴到电脑版编辑器里观看。

网页开发中，跳转链接是一项常见的功能。然而，对于非技术人员来说，编写跳转链接代码可能会显得有些困难。不用担心！我们可以借助外链工具来简化操作，即使没有编程经验，也能轻松实现跳转链接。

许多人可能对跳转链接代码有所耳闻，但由于缺乏技术知识，可能不知道如何实际编写它们。这就是外链工具派上用场的地方。外链工具为我们提供了一种简便的方式来创建和管理跳转链接，而无需深入了解复杂的编程语言。

下面介绍一个常用的外链工具——「天天外链」，它可以帮助我们快速生成跳转链接代码，无需手动编写复杂的代码。

步骤一：选择外链工具

首先，我们需要选择一个可靠的外链工具。市面上有很多在线工具可供选择，例如「天天外链」。通过搜索引擎，输入关键词「天天外链」，即可找到相关的工具网站。

步骤二：填写相关信息

进入跳转链接生成器的网站后，通常会看到一个简单的表单界面。在表单中，我们需要填写以下信息：

目标链接：即要跳转到的目标页面的URL地址。在这里，我们只需要提供目标页面的链接即可。

跳转方式：选择跳转链接的方式，例如在当前窗口打开、在新窗口打开等。

步骤三：生成代码

填写完相关信息后，点击生成或类似的按钮，外链工具将根据我们提供的信息自动生成相应的跳转链接代码。生成的代码通常是一段HTML代码，其中包含了跳转链接的相关标签和属性。

步骤四：复制代码并应用

将生成的代码复制到我们的网页中相应的位置，保存并发布网页。这样，我们就成功地实现了跳转链接功能！

总而言之，即使我们不是技术人员，也无需担心跳转链接代码的编写问题。借助外链工具，我们可以轻松地创建和管理跳转链接，为用户提供良好的导航体验。所以，不要让代码困扰你，让外链工具成为你的得力助手，让你的网站链接更加流畅和高效。

*请认真填写需求信息，我们会在24小时内与您取得联系。