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

更新日期: 2021-10-12阅读: 1.4k标签: 网页

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


解决方案:

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

如果要模拟某人单击链接,请使用 location.href
如果要模拟 HTTP 重定向,请使用 location.replace
第一种:使用location.href
location.href= "http://www.fly63.com" ;
第二种:使用location.replace
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 组件

  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://www.fly63.com/article/detial/10724

网页中文本朗读功能开发实现分享

同时针对大段的文本,不能整段的去读,要按照标点符号进行断句处理。重点当然就是先获取到当前标签上的文本,再把文本转化成语音即可。

网页开发中利用CSS以图换字的多中实现方法总汇

CSS以图换字的技术,很久都没人提起了。它是一种在h1标签内,使用图像替换文本元素的技术,使页面在设计和可访问性之间达到平衡。本文将详细介绍CSS以图换字的9种方法

如何嵌套一个网页html到另一个html中

在网页开发中,经常会遇到把一些通用内容的页面集中到一个页面中,需要使用这些页面只需要包含引入即可,这样有利于维护和修改,当通用页面修改时只需更改一个文件就可以了,不需要每个文件单独处理。

网站开发需要哪些知识_网页开发你需要知道的6件事

开发网站之前,你需要知道哪些事情呢?每个开发者的答案可能都不太相同,这里整理为6个方面:界面和用户体验、安全性、性能(Performance)、搜索引擎优化、技术(Technology)、解决bug

理解大型分布式网站你必须知道这些概念

理解大型分布式网站你必须知道这些概念:1. I/O优化、2. Web前端调优、3.服务降级(自动优雅降级)、4.幂等性设计、5.失效转移、6.性能优化、7. 代码优化、8. 负载均衡、9.缓存等

网页后缀html、htm、shtml、shtm有什么区别?

每一个网页或者说是web页都有其固定的后缀名,不同的后缀名对应着不同的文件格式和不同的规则、协议、用法,最常见的web页的后缀名是.html和.htm,但这只是web页最基本的两种文件格式,今天我们来介绍一下web页的其它一些文件格式。

html网页自动跳转方法_整理网页自动跳转的5种方法

网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去。网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户。

html页面锚点链接对SEO的作用,以及实现描点的三种方式

锚链链接是一个非常重要的概念,在网页中增加恰当的锚链接,会让所在网页和所指向网页的重要程度有所提升,从而影响到关键词排名。锚链接对SEO的作用主要体现在以下几个方面

使用 BeautifulSoup 和 Selenium 进行网页爬取

HTML几乎是平铺直叙的。CSS是一个伟大的进步,它清晰地区分了页面的结构和外观。在本教程中,您将了解在浏览器中看到的内容是如何实际呈现的,以及如何在必要时进行抓取。

实现主机访问虚拟机网页的方法总结

VMware Workstation提供了两种虚拟机上网方式,一种bridge,一种NAT,bridge可以获得公网地址,而NAT只能是内网地址了。例1:在虚拟机内搭建http服务器,使用公网地址访问,例2: ssh端口映射

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!