[发明专利]一种索引页面展示方法及装置

权利要求书

1.一种索引页面展示方法，其特征在于，包括：

获取存储有索引数据列表的结构化数组，所述结构化数组中的一个数据对象对应一个索引对象；

遍历所述结构化数组中的索引数据，创建索引数据列表对应的DOM树；

利用所述DOM树渲染得到索引列表页面。

2.根据权利要求1所述的方法，其特征在于，所述遍历所述结构化数组中的索引数据，创建索引数据列表对应的DOM树，包括：

遍历所述结构化数组中每个索引数据，所述索引数据包括索引元素名称、所述索引元素名称所对应的索引导航名称及所述索引元素名称所对应的搜索项；

若所述结构化数组中相邻的两个索引数据所包含的索引导航名称相同，则为所述两个索引数据创建索引数据栏位的DOM节点，以及，计算并存储该索引数据栏位距离页面顶部的距离；

若所述结构化数组中相邻的两个索引数据所包含的索引导航名称不同，则在相邻的两个索引数据所对应的DOM节点之间动态添加索引名称栏位对应的DOM节点，以及，计算并存储该索引名称栏位距离页面顶部的距离；

为所述结构化数组中的全部索引数据均创建相应的DOM节点得到所述索引数据列表对应的DOM树。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

获取搜索内容；

遍历所述索引数据列表对应的DOM树，得到搜索项与所述搜索内容相匹配的DOM节点，并利用与所述搜索内容相匹配的DOM节点渲染索引列表页面。

4.根据权利要求2所述的方法，其特征在于，所述方法还包括：

监听页面滚动事件，并获得页面滚动的距离；

利用所述页面滚动的距离和所述DOM树中各个索引数据栏位的距离属性，确定出目标索引导航名称；

高亮显示所述目标索引导航名称。

5.根据权利要求4所述的方法，其特征在于，利用所述页面滚动的距离和所述DOM树中各个索引数据栏位对应的距离属性，确定出目标索引导航名称，包括：

依据所述DOM树中各个索引数据栏位的距离属性，确定与所述页面滚动的距离相等的索引数据栏位对应的索引导航名称为所述目标索引导航名称；

若所述页面滚动的距离在两个相邻的索引数据栏位距离页面顶部的距离之间，则确定所述两个相邻的索引数据栏位中的前一个索引数据栏位对应的索引导航名称为所述目标索引导航名称。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

监听索引导航点击事件；

响应所述索引导航点击事件确定被点击的索引导航名称；

从所述DOM树中确定出所述被点击的索引导航名称所对应的目标索引名称栏位，并获取该目标索引名称栏位距离页面顶部的距离；

依据所述目标索引名称栏位距离页面顶部的距离，控制当前显示的页面的顶部跳转至所述目标索引名称栏位。

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

监听索引元素名称点击事件；

响应所述索引元素名称点击事件确定被点击的索引元素名称；

从所述DOM树中获取所述被点击的索引元素名称所对应的索引数据；

当前页面跳转至所述索引数据对应的页面。

8.一种索引页面展示装置，其特征在于，包括：

结构化数组获取模块，用于获取存储有索引数据列表的结构化数组，所述结构化数组中的一个数据对象对应一个索引对象；

DOM树创建模块，用于遍历所述结构化数组中的索引数据，创建索引数据列表对应的DOM树；

页面渲染模块，用于利用所述DOM树渲染得到索引列表页面。