如何在继续运行代码的同时通过更改URL转到新页面？

在前端开发中，可以通过使用 JavaScript 中的 window.location.href 属性来实现在继续运行代码的同时通过更改 URL 转到新页面。该属性用于获取或设置当前页面的 URL。

要实现通过更改 URL 转到新页面的功能，可以按照以下步骤进行操作：

1. 使用 JavaScript 获取当前页面的 URL：

var currentUrl = window.location.href;

1. 构造新的 URL，将需要跳转的页面的地址作为参数传递给新的 URL：

var newUrl = currentUrl + "?page=newPage";

在上述示例中，将参数 "page=newPage" 添加到当前 URL 的末尾，以指定跳转到的新页面。

1. 使用 window.location.href 将页面重定向到新的 URL：

window.location.href = newUrl;

通过将新的 URL 赋值给 window.location.href 属性，页面将会自动重定向到新的 URL 所指向的页面。

这种方式适用于在前端页面中进行页面跳转，可以在用户点击按钮、链接或者某个条件满足时触发跳转操作。同时，可以根据具体需求在构造新的 URL 时添加不同的参数，以满足不同的业务场景。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云函数（SCF）：https://cloud.tencent.com/product/scf
• 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 云安全（CWS）：https://cloud.tencent.com/product/cws
• 音视频处理（VOD）：https://cloud.tencent.com/product/vod
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Meta Universe）：https://cloud.tencent.com/solution/meta-universe