在网页中设置超链接实现页面跳转

在编写网页时，我们常常需要设置超链接来实现页面跳转。以下是一些常用的超链接方式。

直接在超链接中设置URL

<a href="http://www.example.com">跳转到示例网站</a>

上面的代码中，<a> 表示超链接标签，href 属性是超链接的目标URL，</a> 表示超链接标签的结束标志。当用户点击该超链接时，就会跳转到指定的URL。

在超链接中设置本地URL

如果需要跳转到本站其他页面，我们可以使用相对URL。例如，如果我们的网站根目录下有一个文件名为 page2.html 的页面，我们可以使用以下代码实现跳转：

<a href="/page2.html">跳转到 page2 页面</a>

上面的代码中，/ 表示网站根目录，page2.html 表示目标页面的文件名。这种方式既适用于当前页面目录下的页面，也适用于网站其他目录下的页面。

在 JavaScript 中实现页面跳转

HTML5 提供了 window.location 对象，通过该对象的 href 属性可以实现页面跳转。例如，以下代码可以在用户点击按钮时跳转到 page2.html 页面：

<button onclick="window.location.href='/page2.html'">跳转到 page2 页面</button>

上面的代码中，window.location.href 表示当前网页的URL，通过修改该属性来实现页面跳转。

使用 jQuery 实现页面跳转

如果网站使用了 jQuery 库，我们可以使用以下代码来实现页面跳转：

<a id="myLink" href="#">跳转到 page2 页面</a>
<script>
    $(document).ready(function () {
        $("#myLink").click(function () {
            window.location.href = "/page2.html";
        });
    });
</script>

上面的代码中，我们使用 $(document).ready() 函数来确保文档加载完毕后才执行代码。然后我们通过选择器 $("#myLink") 获取到超链接元素，使用 .click() 函数来为超链接添加点击事件处理函数。当用户点击该超链接时，执行 window.location.href = "/page2.html"; 实现页面跳转。

以上是一些常用的页面跳转方式，您可以选择适合自己的方式来实现。