使用javascript跳转页面的几种方法?

😁前言

对你有帮助的话 留个点赞👍、关注加评论谢谢你🤍

使用方法的特性

名称解释
location.href可以设置或获取当前页面的 URL。通过将其值设置为新的 URL,可以实现页面跳转。
location.assign()页面跳转。它接受一个 URL 参数作为要跳转的目标地址。
window.open它可以在一个新窗口或选项卡中打开一个指定的 URL。
replace()可以实现页面跳转,但与前两种方式不同的是,它会替换当前页面的历史记录,导致用户无法返回到前一个页面
history.forward()可以让浏览器前进到历史记录中的下一个页面
history.back()可以让浏览器后退到历史记录中的上一个页面。
history.go()可以跳转到指定的历史记录索引。负数表示后退,正数表示前进。

1.location.href

//跳转指定URl地址
<script>
locatinon.href = "https://www.baidu.com/";
</script>

2.location.assign()

//跳转指定URl地址
<script>
locatinon.assign("https://www.baidu.com/");
</script>

3.window.open()

//在新的窗口打开
<script>
window.open("https://www.baidu.com/");
</script>

4.location.replace()

// 跳转到指定的URL地址,并替换当前页面的历史记录
<script>
location.replace("https://www.baidu.com");
</script>

5.history.forward();

<script>
 history.forward();
</script>

6.history.back();

<script>
history.back();
</script>

7.history.go()

<script>
// 后退一步
history.go(-1);
 
// 前进一步
history.go(1);
</script>
  • 6
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
回答: JavaScript可以通过多种方式实现页面跳转。其中一种方式是使用window.location.href属性来改变当前页面的URL,从而实现跳转。例如,可以使用以下代码将页面跳转到b.html页面:\[1\]\[2\] ```javascript <script language="javascript" type="text/javascript"> window.location.href = "b.html"; </script> ``` 另外,如果需要在跳转时传递参数,可以将参数拼接到URL中。例如,以下代码将当前页面的URL作为参数传递给jingxuan.do页面: ```javascript <script language="javascript" type="text/javascript"> window.location.href = "jingxuan.do?backurl=" + window.location.href; </script> ``` 这样,页面跳转时会将当前页面的URL作为参数传递给jingxuan.do页面。\[3\] #### 引用[.reference_title] - *1* [js跳转(js跳转网页)](https://blog.csdn.net/yetaodiao/article/details/128308838)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [JS 实现页面跳转几种方法](https://blog.csdn.net/qq_53729147/article/details/127788211)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值