多语言展示
当前在线:164今日阅读:55今日分享:34

js怎么跳转到另一个页面

很多朋友在初学js的时候不清楚怎么将当前html页面跳转到另一个html页面,下面来介绍一下使用js代码跳转页面的几种方法。
工具/原料
1

编辑器:vs code

2

电脑:组装电脑

方法/步骤
1

首先打开vs code编辑器,新建两个html页面用来实现跳转功能,如下图所示:

2

先来看第一种方法实现跳转功能,用到了location的href属性,如下图所示:

3

运行后我们发现,已经从我们写js代码的页面跳转到list.html页面了,如下图所示:

4

第三种跳转方式,这个方法可以返回上一页,使用的是history对象的back方法,如下图所示:

5

第三种跳转方式,用到了navigate对象,如下图所示:

6

第四种跳转方式,用到了location对象,如下图所示:

7

第五种跳转方式,用到了top.location,如下图所示:

总结:

五种跳转方式,按需选择即可;【1】第一种跳转方式:window.location.href='跳转的htm页面';【2】第二种跳转方式:window.history.back(-1);【3】第三种跳转方式:window.navigate('跳转的htm页面');【4】第四种跳转方式:self.location='跳转的htm页面';【5】第五种跳转方式:top.location='跳转的htm页面'。

推荐信息