添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

1. window.location.replace(“url”)

类似 HTTP 重定向

将地址替换成新 url,该方法通过指定 URL 替换当前缓存在历史里(客户端)的项目,因此当使用 replace 方法之后,你不能通过"前进"和"后退"来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!

2. window.location.href=“url”

类似点击 a 标签的链接。

跳转到指定的 url。

// 类似 HTTP 重定向到菜鸟教程
window.location.replace("https://www.runoob.com");
// 类似点击菜鸟教程的链接(a 标签)
window.location.href = "https://www.runoob.com";

3. window.history

window.history.forward():
forward() 方法可加载历史列表中的下一个 URL。
调用该方法的效果等价于点击前进按钮或调用 history.go(1)。
window.history.go():
back() 方法可加载历史列表中的前一个 URL(如果存在)。
调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。
window.history.go(number|URL) :
go() 方法可加载历史列表中的某个具体的页面。
该参数可以是数字,使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。(-1上一个页面,1前进一个页面)。或一个字符串,字符串必须是局部或完整的URL,该函数会去匹配字符串的第一个URL。

4. vue跳转

1.在template中的常见写法:

<router-link to="/miniCard/statement/horizon">
     <button class="btn btn-default">点击跳转</button>
</router-link>

2.this.$router.go()

this.$router.go(1)  //在浏览器记录中前进一步
this.$router.go(-1) //后退一步记录
this.$router.go(3) //前进三步记录

3.this.$router.push()
  A:this.$router.push({ path: '/home', query: { site: '1111'} })
    query传参,用path属性对应跳转路径,类似于get提交,参数是在路径里显示的。
    子页面接收时 var cityId = this.$route.query.cityId

B:this.$router.push({ name: 'Home', params: { site: '2222'} })
    params传参,用name属性对应跳转路径,类似于post提交,参数不会出现在跳转路径里。
    子页面接收时 var cityId = this.$route.params.cityId

两个同级页面,用query传参。A通过路由带参跳转到B页面,然后通过参数过滤掉B页面的一些数据。之后刷新B页面,由于参数是在路径里的,还是过滤掉的数据,这个时候要么在B页面入口进 入B页面,要么就得在页面再做处理才能符合需求,改用params之后就没这个问题了。

  1. this.$router.replace() 用法同上
     打开新的页面,不会像history添加新纪录,而是直接替换掉当前记录。点击返回,会跳转到上上一个页面。上一个记录是不存在的。
  1. 菜鸟教程
  2. https://www.cnblogs.com/congtt/p/10671512.html
原文链接:
https://www.cnblogs.com/congtt/p/10671512.htmlJavaScript中有好几种方法可以重定向到另一个网页,这个在项目开发中经常会用到,所以不熟悉的童鞋可以学下啦,首先我们介绍有哪些方法?如何使用JavaScript重... 关键字:页面重定向(跳转,page redirection)、实现方式写完标题,我突然想到了孔乙己,鲁迅先生嘲笑他以知道茴香豆的茴字有四种写法而感到自豪。不过我想我和孔乙己还是不同的,因为茴香豆的茴字会写一种即可,但本文总结的四种页面重定向的方式应用的场景不尽相同,产生的页面效果也不同。是有必要加以理解并选择合适的方式处理不同的场景的。四种方式:在Server端sendRedirect在Serve... 在React、Vue或Angular等单页面应用程序中,你通常会使用路由库(如React Router、Vue Router或Angular Router)进行页面之间的导航,而不是直接进行页面重定向。判断跳转是否发生通常不是必要的,因为一旦你调用了上述的跳转方法,浏览器就会立即开始加载新的页面。但请注意,这种方法不是JavaScript,而是HTML的一部分,并且它会在页面加载后立即执行重定向(在这里是0秒后)。如果你有一个表单,并且你想在提交后重定向到另一个页面,你可以在表单的。否则,执行其他操作。 今天跟大家分享下JS 之重定向 的知识。 在JavaScript中有好几种方法可以重定向到另一个网页,这个在项目开发中经常会用到,所以不熟悉的童鞋可以学下啦,首先我们介绍有哪些方法? 如何使用JavaScript重定向到其他网页? 使用JavaScript重定向到其他网页的一些方法: location.href location.replace() location.assign() 语法:... <script type="text/javascript"> window.location.href="http://www.cnblogs.com/daimajun/"; </script> <script type="text/javascript"> alert("返回"); window.his... 工作中页面刷新的几种方法,查阅资料(bd)后如下: Javascript中的location.href有很多种用法,主要如下:    self.location.href="/url" 当前页面打开URL页面   ocation.href="/url" 当前页面打开URL页面   windows.location.href="/url" 当前页面打开U... 关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页 2.2 在重定向到新网页之前,你可以提示网站的访问者一些合适的信息。这会有一点的延迟加载新的网页。下面的例子演示了这个功能,setTimeOut()函数是一个内置的javascript函数,它可以在给定时间后执行另一个方法。你可能经常遇到这样一种情况:当你点击一个URL的时候,你跳到了A网页,但是却定位到B网页。发生这样的情况,就是由于网页的重定向。2.1使用javascript可以非常简单的实现客户端网页的重定向。从原网页重定向有很多种原因。1.1什么是页面重定向?"在10秒后,你将重定向到百度网站" 文章目录重定向网页爬取策略1.网页重定向的表现2.网页重定向的途径3. 1.网页重定向的表现 HTTP 302 Found 重定向状态码表明请求的资源被暂时的移动到了由Location 头部指定的 URL 上。浏览器会重定向到这个URL, 但是搜索引擎不会对该资源的链接进行更新,如下图网页响应数据: 2.网页重定向的途径