js 如何判断当前选中哪个tab页

JavaScript014

js 如何判断当前选中哪个tab页,第1张

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

设备:联想电脑

系统:win7

软件:Visual Studio 2017

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

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

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

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

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

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

不使用ajax 就要在加载的时候 把数据全部加载出来 分页在不同的tab里面 只是用js来判断改显示那个 tab而已

如果使用ajax 只要在切换的时候调用相应的内容出来

我觉得ajax使用起来简单一点

但是ajax使用起来 针对不同的浏览器 要写很多代码

我一般是使用 jquery 的 getJSON 来写