JS实现页面跳转的几种方法

最新推荐文章于 2024-05-12 07:56:57 发布
最新推荐文章于 2024-05-12 07:56:57 发布
阅读量5.5k 收藏 6
点赞数 1
分类专栏： js 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44490021/article/details/131591003
版权

JS实现页面跳转链接的几种方法

1. 在当前窗口打开一个新的页面

window.location.href = url

2. 新开窗口打开一个新的页面

window.open(url)

3. 当前窗口的页面被替换为一个新的页面url，替换后不可以回退到上个页面

location.replace(url)

4. 当前窗口的页面转为为一个新的页面URL，与方法3类似，但此方法可回退至上一页面

localtion.assign(url)
TTong___
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js实现url跳转
08-24
js实现url跳转-http跳转至https，wap跳转至www
JavaScript中实现页面跳转的七种方法
rr20060119的博客
10-19 3万+
【代码】 JavaScript中实现页面跳转的七种方法。
JS中页面跳转的几种方法
最新发布
2302_80798583的博客
05-12 293
跳转
JS跳转链接的几种方式
阿甘兄
06-06 4万+
1 . 跳转链接 在当前窗口打开 window.location.href="http://www.baidu.com" 等价于 <a href="baidu.com" target="_self">go baidu</a> 2、跳转链接 在新窗口打开 window.open("http://www.baidu.com") 等价于 <a hr...
js 跳转链接的几种方式
fury的博客
01-10 151
跳转链接 在当前窗口打开。跳转链接 在新窗口打开。跳转链接 返回上一页。
js 打开页面的方法总结
cx18333的博客
11-18 8184
1.window.open,2.location.hrer,3.location.repalce,4.a标签跳转,页面窗口跳转方法总结
JS中从a页面跳转到b页面，自动执行一次点击事件
geng1025的博客
11-22 444
在a页面点击的时候用sessionStorage 存取一个键值对，在b页面的onload中获取这个键名，如果值和在a页面存储的值一样，则触发需要的点击事件（模拟点击），触发之后销毁这个键名下的值，防止刷新的时候再次触发点击事件。
js如何实现页面跳转（大全）
yiye2017zhangmu的博客
09-20 2万+
一句话总结： 1、location的href属性： js跳转主要是通过window的location对象的href属性，因为location对象本来就是表示的浏览器窗口window的location，那肯定就是这个决定网页的url。 2、open方法 3、history对象的三个方法 4、location的assign方法   1、js跳转的本质是什么？ 解答：浏览器对象窗口l...
JS控制页面跳转的5种方法
ithouse的专栏
07-15 2980
第一种： 复制代码代码如下:                window.location.href="login.jsp?backurl="+window.location.href;      第二种： 复制代码代码如下:     alert("返回"); window.history.back(-1);    第三种：
JS-JavaScript打开新页面的两种方式：当前页面打开和新页面打开
weixin_42565127的博客
09-27 8890
在实际的开发过程中，经常会遇到需要刷新当前页面或者打开新页面的需求，根据具体情况我们会选择不同的打开方式，今天就简单记录一下两种方式的写法
javascript跳转到新页面的三种方法
热门推荐
apple20154350217的博客
11-26 7万+
1.a标签 a标签:Welcome   :上一个页面，就是前一个页面   :下一个页面，就是后一个页面 Welcome 2 . location对象的href属性： window.location.href="http://www.jb51.net";      //在同当前窗口中打开窗口 3.open : window.open(“http://www
js 锚点定位的2种简单方法
weixin_54351962的博客
04-20 2万+
一.解决方案 第一种方案：传统的锚点定位 但是这个方案有一个弊端，就是会影响url 的hash <div id="anchor">跳到这里来</div> //html中定义一个锚点，这里可以用name或者id,即锚点的目的地 <a href="#anchor">点击这</a> //这是锚点的入口，点击这，锚点激活，href属性绑定你想跳到的位置的div盒子的id或者name 第二种方案：使用scrollIntoView方法进行定位到某一位置 <div
js模拟点击a标签，触发href
巴达的博客~
10-25 6万+
js中的$(...).click()事件只能触发绑定的onClick方法，不能跳转到href。 常规情况下如果想下如果想在js里跳转href的链接，会先用attr获取到href属性的值，然后window.location.href跳转，但是现在想利用a标签的download属性实现下载功能，如果先获取href属性再跳转很多浏览器（例如Chrome）会直接打开mp3之类的文件，无法实现下载。
原生js实现点击按钮跳转外链
qq_43437571的博客
09-27 1447
效果如下： 代码实现： <button>跳转到百度</button> <script> document.querySelector('button').addEventListener('click',function(){ window.open('http://www.baidu.com','_blank'); }) </script>
js 点击button跳转页面
weixin_34061482的博客
07-19 1540
js点击button跳转页面 <input name="Submit4" type="button" value="注册" onClick="window.location.href='login.aspx'" > 测试： 转载于:https://www.cnblogs.com/huangyong8585/archive/2012/07/19/259901...
js在当前页面跳转到指定位置_从输入URL到页面展示
weixin_39524636的博客
11-23 861
从URL输入到页面展现第一步、输入URLURL是什么统一资源定位符(Uniform Resource Locator，缩写为URL)，又叫做网页地址，是互联网上标准的资源的地址(Address)。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。它最初是由蒂姆·伯纳斯-李发明用来作为万维网的地址的。现在它已经被万维网联盟编制为因特网标准RFC1738了。统...
Vue中有几种页面跳转实现
04-22
在Vue中，常见的页面跳转实现有以下几种方式： 1. 基于vue-router插件实现的路由跳转 2. 通过使用location对象或路由名称或路径来跳转 3. 使用组件的$router.push或$router.replace方法进行跳转 4. 使用<a>标签的href属性来实现页面跳转 5. 使用浏览器的JavaScript API进行页面跳转，如window.location、window.history等等 需要注意的是，在使用以上任何一种方式实现页面跳转时，都应该遵守Vue的编程规范，尽量不使用DOM API直接操作页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值