js怎么跳转到另一个页面

 时间:2024-10-20 01:36:49

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

js怎么跳转到另一个页面

工具/原料

编辑器:vscode

电脑:组装电脑

方法/步骤

1、首先打开vscode编辑器,新建两个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怎么跳转到另一个页面

HTML中引入css和js的方法 margin和padding的区别 怎么用js改变div里面的图片大小 如何用css将ul转换为一个漂亮的水平导航栏? 实现整个html居中最简单方法
热门搜索
亚洲性高清图片 三国美女图片 中发烫发发型图片 犯罪都市 电影 劈腿图片