Javascript 转到页面 - Javascript

Javascript 是一种脚本语言，可以嵌入到 HTML 页面中，通过浏览器解释执行。通过 Javascript 我们可以实现很多可交互性和动态性的效果。下面介绍如何使用 Javascript 将页面转到指定的页面。

实现原理

Javascript 通过修改 window 对象的 location 属性实现页面的跳转。location 对象有以下属性：

• href：返回或设置当前页面的 URL。
• host：返回或设置主机名和当前 URL 的端口号。
• pathname：返回或设置 URL 的路径部分。
• port：返回或设置当前 URL 的端口号。
• protocol：返回或设置当前 URL 的协议。

我们可以利用 location 属性，设置新的 URL 地址，从而实现页面跳转。

代码实现

下面是一个简单的 Javascript 页面跳转示例代码：

<script type="text/javascript">
  //跳转到指定页面
  window.location.href = "https://www.baidu.com/";
</script>

该代码实现了将当前页面跳转到百度首页。

参数传递

我们可以利用 URL 参数传递数据。例如下面的代码：

<script type="text/javascript">
  // 跳转到 http://localhost:8080/index.php?id=123&name=Tom
  window.location.href = "http://localhost:8080/index.php?id=123&name=Tom";
</script>

在接受到参数的页面中，可以使用 URLSearchParams 对象处理 URL 参数。例如下面代码：

const params = new URLSearchParams(window.location.search);
const id = params.get('id');
const name = params.get('name');

总结

通过 Javascript 实现页面跳转是常见的前端编程需求之一。我们可以利用 location 属性和 URL 参数来实现页面的跳转和参数的传递。以上就是实现方法和代码示例。