Js如何重定向到另一个网页?

摘要:在JavaScript中有好几种方法可以重定向到另一个网页,这个在项目开发中经常会用到,所以不熟悉的童鞋可以学下如何使用纯Js将用户从一个页面重定向到另一个页面?Location对象

在JavaScript中有好几种方法可以重定向到另一个网页,这个在项目开发中经常会用到,所以不熟悉的童鞋可以学下如何使用纯Js将用户从一个页面重定向到另一个页面?


解决方案:

window.location.replace(...)比使用 更好window.location.href,因为replace()不会在会话历史记录中保留原始页面,这意味着用户不会陷入永无止境的后退按钮惨败中。

如果要模拟某人单击链接,请使用 location.href
如果要模拟 HTTP 重定向,请使用 location.replace
第一种:使用location.href
location.href= "http://www.shenqiku.cn" ;
第二种:使用location.replace
location.replace("http://www.shenqiku.cn");


延展阅读

JavaScript 为您提供了许多方法来检索和更改显示在浏览器地址栏中的当前 URL。所有这些方法都使用 Location 对象,它是 Window 对象的一个属性。您可以创建一个具有当前 URL 的新 Location 对象,如下所示..

var currentLocation = window.location;

URL 的基本结构

<protocol>//<hostname>:<port>/<pathname><search><hash>
主机名——主机名指定拥有资源的主机。例如,www.stackoverflow.com。服务器使用主机名提供服务。
端口——用于识别特定进程的端口号,当 Internet 或其他网络消息到达服务器时将转发到该进程。
路径名——路径提供有关 Web 客户端想要访问的主机内特定资源的信息。例如,stackoverflow.com/index.html。
查询——一个查询字符串跟在路径组件之后,并提供一串信息,资源可以将这些信息用于某些目的(例如,作为搜索的参数或作为要处理的数据)。
hash -- URL 的锚点部分,包括井号 (#)。

使用这些 Location 对象属性,您可以访问所有这些 URL 组件

  1. hash - 设置或返回 URL 的锚点部分。
  2. host - 设置或返回 URL 的主机名和端口。
  3. 主机名 - 设置或返回 URL 的主机名。
  4. href - 设置或返回整个 URL。
  5. pathname - 设置或返回 URL 的路径名。
  6. port - 设置或返回服务器用于 URL 的端口号。
  7. protocol - 设置或返回 URL 的协议。
  8. search - 设置或返回 URL 的查询部分

现在,如果您想更改页面或将用户重定向到其他页面,您可以href像这样使用Location 对象的属性

您可以使用 Location 对象的 href 属性。

window.location.href = "http://www.stackoverflow.com";

Location对象也有这三个方法

  1. assign() ——加载一个新文档。
  2. reload() -- 重新加载当前文档。
  3. replace() -- 用新文档替换当前文档


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_10724