选项卡切换方法及装置制造方法及图纸

本发明专利技术提供了一种选项卡切换方法及装置，所述方法包括：若接收到用户点击页面中任一选项卡的点击操作时，获取与被点击的所述选项卡对应的标签索引值；根据预设的标签索引值与第一页面标签元素之间的对应关系，获取所述标签索引值对应的多个第一页面标签元素；在所述页面显示获取的多个第一页面标签元素，达到可以在进行选项卡切换时，只获取与用户点击的选项卡对应的第一页面标签元素，无需获取与用户点击的选项卡无关的其它页面标签元素，节省系统资源的技术效果。

Tab switch method and device

The present invention provides a tabbed switching method and device. The method includes: if a user clicks on the click operation of any of the tabs in a page, a label index value corresponding to the clicked tabs is obtained; a corresponding relationship between the predefined index value of the label and the first page tag element is obtained. A number of first page label elements corresponding to the index value of the label; a number of first page tag elements obtained are displayed on the page to achieve only the first page tag element corresponding to the user clicked tab without getting other pages unrelated to the user clicked tab when the tab switch is switched on. Face tag elements save the technical effect of system resources.

【技术实现步骤摘要】
选项卡切换方法及装置
本专利技术涉及计算机
，尤其是涉及一种选项卡切换方法及装置。
技术介绍
在web技术迅速的发展的今天，为了减少任务栏上显示的项目数量，不少网站的页面里面经常会存在多个选项卡，用户可以在新选项卡中打开网页，并通过单击要查看的选项卡切换这些网页。然而，目前每做一个选项卡切换都需要编写一遍js脚本，这样，一方面代码重复堆积，占用资源，而且可复用性不强，对于开发人员来说，脚本开发效率低下而且不利于后期维护；另一方面，在需要进行选项卡切换时，将会调用不同的js脚本，导致需要同时加载多个js脚本，占用系统资源。
技术实现思路
有鉴于此，本专利技术的目的在于提供一种选项卡切换方法及装置，以缓解现有技术中在需要进行选项卡切换时，将会调用不同的js脚本，导致需要同时加载多个js脚本，占用系统资源的技术问题。第一方面，本专利技术实施例提供了一种选项卡切换方法，所述方法应用于选项卡插件中，所述方法包括：若接收到用户点击页面中任一选项卡的点击操作时，获取与被点击的所述选项卡对应的标签索引值；根据预设的标签索引值与第一页面标签元素之间的对应关系，获取所述标签索引值对应的多个第一页面标签元素；在所述页面显示获取的多个第一页面标签元素。结合第一方面，本专利技术实施例提供了第一方面的第一种可能的实施方式，其中，所述获取与被点击的所述选项卡对应的标签索引值，包括：确定被点击的所述选项卡所对应的第二页面标签元素；利用jquery框架获取与所述第二页面标签元素对应的标签索引值。结合第一方面，本专利技术实施例提供了第一方面的第二种可能的实施方式，其中，所述方法还包括：判断用户点击页面的选项卡是否与当前显示的选项卡不同；若用户点击页面的选项卡与当前显示的选项卡不同，获取与被点击的所述选项卡对应的标签索引值；若用户点击页面的选项卡与当前显示的选项卡相同，结束处理。结合第一方面，本专利技术实施例提供了第一方面的第三种可能的实施方式，其中，所述方法还包括：获取所述页面中多个选项卡对应的标签索引值；获取每个选项卡所关联的多个第一页面标签元素；针对每个选项卡，建立标签索引值与多个第一页面标签元素之间的对应关系。第二方面，本专利技术实施例还提供一种选项卡切换装置，所述装置包括：第一获取模块，用于若接收到用户点击页面中任一选项卡的点击操作时，获取与被点击的所述选项卡对应的标签索引值；第二获取模块，用于根据预设的标签索引值与第一页面标签元素之间的对应关系，获取所述标签索引值对应的多个第一页面标签元素；显示模块，用于在所述页面显示获取的多个第一页面标签元素。结合第二方面，本专利技术实施例提供了第二方面的第一种可能的实施方式，其中，所述第一获取模块包括：确定单元，用于确定被点击的所述选项卡所对应的第二页面标签元素；获取单元，用于利用jquery框架获取与所述第二页面标签元素对应的标签索引值。结合第二方面，本专利技术实施例提供了第二方面的第二种可能的实施方式，其中，所述装置还包括：判断模块，用于判断用户点击页面的选项卡是否与当前显示的选项卡不同；第三获取模块，用于若用户点击页面的选项卡与当前显示的选项卡不同，获取与被点击的所述选项卡对应的标签索引值；结束处理模块，用于在用户点击页面的选项卡与当前显示的选项卡相同时，结束处理。结合第二方面，本专利技术实施例提供了第二方面的第三种可能的实施方式，其中，所述装置还包括：第四获取模块，用于获取所述页面中多个选项卡对应的标签索引值；第五获取模块，用于获取每个选项卡所关联的多个第一页面标签元素；建立模块，用于针对每个选项卡，建立标签索引值与多个第一页面标签元素之间的对应关系。第三方面，本专利技术实施例还提供一种电子设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的方法的步骤。第四方面，本专利技术实施例还提供一种具有处理器可执行的非易失的程序代码的计算机可读介质，所述程序代码使所述处理器执行第一方面所述的方法。本专利技术实施例带来了以下有益效果：本专利技术实施例通过在接收到用户点击页面中任一选项卡的点击操作时，首先获取与被点击的所述选项卡对应的标签索引值，然后根据预设的标签索引值与第一页面标签元素之间的对应关系，再获取所述标签索引值对应的多个第一页面标签元素，最后可以在所述页面显示获取的多个第一页面标签元素。本专利技术实施例能够在进行选项卡切换时，只获取与用户点击的选项卡对应的第一页面标签元素，无需获取与用户点击的选项卡无关的其它页面标签元素，节省系统资源。本专利技术的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术而了解。本专利技术的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。附图说明为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的一种选项卡切换方法的流程图；图2为图1中步骤S101的流程图；图3为本专利技术实施例提供的一种选项卡切换装置的结构图；图4为图3中获取模块的结构图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。目前每做一个选项卡切换都需要编写一遍js脚本，这样，一方面代码重复堆积，占用资源，而且可复用性不强，对于开发人员来说，脚本开发效率低下而且不利于后期维护；另一方面，在需要进行选项卡切换时，将会调用不同的js脚本，导致需要同时加载多个js脚本，占用系统资源，基于此，本专利技术实施例提供的一种选项卡切换方法及装置，可以在进行选项卡切换时，只获取与用户点击的选项卡对应的第一页面标签元素，无需获取与用户点击的选项卡无关的其它页面标签元素，节省系统资源。。为便于对本实施例进行理解，首先对本专利技术实施例所公开的一种选项卡切换方法进行详细介绍，所述选项卡切换方法可以应用于选项卡插件中，即所述选项卡切换方法可以通过面向对象技术预先封装为moduleSlide方法，并且可以将moduleSlide方法挂载在window对象上，如图1所示，所述选项卡切换方法可以包括以下步骤。步骤S101，若接收到用户点击页面中任一选项卡的点击操作时，获取与被点击的所述选项卡对应的标签索引值。在该步骤中，可以检测页面中至少一个选项卡对应的区域是否接收到点击操作，点击操作可以至用户输入的单击操作、双击操作或者三击操作等等，当点击操作的位置位于任一选项卡对应的区域内时，确定该选项卡区域所对应的选项卡被点击，每个选项卡可以预先设置一个标签索引值，在某一选项卡被点击时，可以自动获取与该被点击的选项卡对应的标签索引值，标签索引值可以为001、002和003等等，标签索引值本文档来自技高网...

【技术保护点】
1.一种选项卡切换方法，其特征在于，所述方法应用于选项卡插件中，所述方法包括：若接收到用户点击页面中任一选项卡的点击操作时，获取与被点击的所述选项卡对应的标签索引值；根据预设的标签索引值与第一页面标签元素之间的对应关系，获取所述标签索引值对应的多个第一页面标签元素；在所述页面显示获取的多个第一页面标签元素。

【技术特征摘要】
1.一种选项卡切换方法，其特征在于，所述方法应用于选项卡插件中，所述方法包括：若接收到用户点击页面中任一选项卡的点击操作时，获取与被点击的所述选项卡对应的标签索引值；根据预设的标签索引值与第一页面标签元素之间的对应关系，获取所述标签索引值对应的多个第一页面标签元素；在所述页面显示获取的多个第一页面标签元素。2.根据权利要求1所述的选项卡切换方法，其特征在于，所述获取与被点击的所述选项卡对应的标签索引值，包括：确定被点击的所述选项卡所对应的第二页面标签元素；利用jquery框架获取与所述第二页面标签元素对应的标签索引值。3.根据权利要求2所述的选项卡切换方法，其特征在于，所述方法还包括：判断用户点击页面的选项卡是否与当前显示的选项卡不同；若用户点击页面的选项卡与当前显示的选项卡不同，获取与被点击的所述选项卡对应的标签索引值；若用户点击页面的选项卡与当前显示的选项卡相同，结束处理。4.根据权利要求3所述的选项卡切换方法，其特征在于，所述方法还包括：获取所述页面中多个选项卡对应的标签索引值；获取每个选项卡所关联的多个第一页面标签元素；针对每个选项卡，建立标签索引值与多个第一页面标签元素之间的对应关系。5.一种选项卡切换装置，其特征在于，所述装置包括：第一获取模块，用于若接收到用户点击页面中任一选项卡的点击操作时，获取与被点击的所述选项卡对应的标签索引值；第二获取模块，用于根据预设的标签索引值与第一页面标签元素之间的...

【专利技术属性】
技术研发人员：沈文策，
申请(专利权)人：福建中金在线信息科技有限公司，
类型：发明
国别省市：福建,35