手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js怎么跳转到另一个页面

时间:2024-10-11 19:12:43

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

js怎么跳转到另一个页面

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

js怎么跳转到另一个页面

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

js怎么跳转到另一个页面

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

js怎么跳转到另一个页面

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

js怎么跳转到另一个页面

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

js怎么跳转到另一个页面

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

js怎么跳转到另一个页面
© 手抄报圈