紫影基地

 找回密码
 立即注册
查看: 270|回复: 0

[JavaScript] JavaScript实现页面跳转的八种方式

[复制链接]
阅读字号:

2002

主题

2117

帖子

21万

积分

超级版主

Rank: 8Rank: 8

积分
210303
发表于 2023-6-16 21:31:32 | 显示全部楼层 |阅读模式

整理一下JavaScript八种跳转方式,欢迎评论补充!

第一种方法:
   
<script>
    window.location.replace('http://www.cnblogs.com/chenyablog')
</script>

第二种方法:
   
<script>
    window.location = 'http://www.cnblogs.com/chenyablog'
</script>

第三种方法:
   
<script>
   document.location.href = 'http://www.cnblogs.com/chenyablog'
</script>

第四种方法:

history对象的go()方法

<a href='javascript:history.go(-1)' rel='返回上一步'>返回上一步</a>

history对象的back()方法
   
<a href='javascript:history.back()' rel='返回上一步'>返回上一步</a>

第五种方法:
   
<script>
    top.location = 'http://www.cnblogs.com/chenyablog'
</script>

第六种方法:

meta方式实现跳转(content = 3 单位是秒)
   
<meta http-equiv=refresh content=3;url="http://www.cnblogs.com/chenyablog">

第七种方法:
   
window.navigate('http://www.cnblogs.com/chenyablog')

第八种方法:
   
self.location = 'http://www.cnblogs.com/chenyablog'
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|紫影基地

GMT+8, 2025-1-12 12:13 , Processed in 0.080767 second(s), 18 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表