插件窝 干货文章 js实现超链接跳转页面 如何实现js超链接跳转页面方法

js实现超链接跳转页面 如何实现js超链接跳转页面方法

strong 页面 javascript window 107    来源:    2024-10-22
如何javascript实现超链接跳转页面?通过以下步骤:1.获取要跳转的页面url;2.使用window.location.href进行跳转。

如何在 JavaScript 中实现超链接跳转页面

方法:

在 JavaScript 中,可以使用 window.location.href 属性来实现超链接跳转页面。

步骤:

  1. 获取要跳转的页面 URL:

    const url = "https://example.com"; // 要跳转的页面 URL
  2. 使用 window.location.href 进行跳转:

    window.location.href = url;

示例:

<a href="javascript:void(0)" onclick="redirectToExample()">跳转到 Example.com</a>

<script>
  function redirectToExample() {
    const url = "https://example.com";
    window.location.href = url;
  }
</script>

注意:

  • javascript:void(0) 用于防止默认超链接行为(单击页面重新加载)。
  • 还可以使用 window.open() 方法在另一个窗口或选项卡中打开新页面。