Js如何重定向到另一个网页?
在JavaScript中有好几种方法可以重定向到另一个网页,这个在项目开发中经常会用到,所以不熟悉的童鞋可以学下如何使用纯Js将用户从一个页面重定向到另一个页面?
解决方案:
window.location.replace(...)比使用 更好window.location.href,因为replace()不会在会话历史记录中保留原始页面,这意味着用户不会陷入永无止境的后退按钮惨败中。
如果要模拟某人单击链接,请使用 location.href
如果要模拟 HTTP 重定向,请使用 location.replace
location.href= "http://www.fly63.com" ;location.replace("http://www.fly63.com");延展阅读
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 组件
- hash - 设置或返回 URL 的锚点部分。
- host - 设置或返回 URL 的主机名和端口。
- 主机名 - 设置或返回 URL 的主机名。
- href - 设置或返回整个 URL。
- pathname - 设置或返回 URL 的路径名。
- port - 设置或返回服务器用于 URL 的端口号。
- protocol - 设置或返回 URL 的协议。
- search - 设置或返回 URL 的查询部分
现在,如果您想更改页面或将用户重定向到其他页面,您可以href像这样使用Location 对象的属性
您可以使用 Location 对象的 href 属性。
window.location.href = "http://www.stackoverflow.com";
Location对象也有这三个方法
- assign() ——加载一个新文档。
- reload() -- 重新加载当前文档。
- replace() -- 用新文档替换当前文档
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!