又是该死的js,怎么跳转到指定tab页

JavaScript018

又是该死的js,怎么跳转到指定tab页,第1张

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

第一种:(跳转到b.html)

<script language="javascript" type="text/javascript">

window.location.href="b.html"

</script>

第二种:(返回上一页面)

<script language="javascript">

window.history.back(-1)

</script>

第三种:

<script language="javascript">

window.navigate("b.html")

</script>

第四种:

<script language="JavaScript">

self.location=’b.html’

</script>

第五种:

<script language="javascript">

top.location=’b.html’

这里分享下js判断当前选中哪个是tab页的方法。

设备:联想电脑

系统:win7

软件:Visual Studio 2017

1、首先来看一下要实现的效果,如下图所示,顶上是tab页卡,下面是内容。

2、然后准备页面的内容,如下图所示,tab运用ul布局,内容运用div布局。

3、接下来就是去除页面中的一些默认间距以及ul的list-style样式,如下图所示。

4、然后定义tab页卡以及内容的相关样式,如下图所示。

5、接着导入所需要的jquery的压缩库文件,如下图所示,版本大家自己选择。

6、最后就是实现选择一个页卡,然后展现页卡内内容的方法,JS实现tab页卡主要是运用了mouseenter的事件方法进行控制显示。

你既然用到了异步加载技术,那么你这样的设计思路不太好,多个tab页的加载尽量在设计时就要考虑相互独立,这样,每个tab页内容不一样,加载的事件也是有区别的,让浏览器去决定每个tab的加载顺序。

你现在要实现这个功能,那么也可以看看tab的JS代码,看是否有加载完成的事件处理,有的话,直接在该事件处理(添加加载下一tab页的代码),如果没有的话,自己想去实现这个效果。就相对麻烦点