[发明专利]一种基于CSS展示网页更多内容的方法及装置

说明书

技术领域

本发明涉及互联网领域，尤其涉及一种基于CSS展示网页更多内容的方法及装置。

背景技术

随着互联网的迅速发展，各种网站已经非常普及，人们可以在网站上浏览相应的图片或者内容，但是由于每个页面的大小有限，展示的内容就会收到限制，就会有一些内容隐藏起来，无法进行展示。

现有技术中，若想在页面中展示更多的内容，一般采用的是JavaScript的方法实现，但是这种方法会影响页面反应速度，用户使用时体验性变差。

发明内容

有鉴于此，本发明实施例公开了一种基于CSS展示网页更多内容的方法及装置，解决了现有技术中，采用JavaScript的方法显示更多的内容而影响页面的反映速度，从而使得用户体验性差的问题。

本发明实施例公开了一种基于CSS展示网页更多内容的方法，所述方法可以包括：

将目标网页隐藏的内容划分为内容区和控制区；其中，所述控制区由带有锚点的两个a标签表示，所述两个a标签，分别表示显示和收起；

基于CSS设置所述内容区的高度，并将溢出的内容进行隐藏；

响应于显示目标锚点的链接的指令，获取所述目标锚点的指向，显示所述目标锚点指向的内容区的内容。

可选的，将目标网页隐藏的内容划分为内容区和控制区，包括：

通过p标签表示所述内容区，并为所述内容区设置ID名称；

通过带有锚点的两个a标签表示控制区，并将所述锚点的名称设置为所述ID名称；其中，所述两个a标签分别表示显示和收起。

可选的，所述获取所述目标锚点的指向后，还包括：

将所述网页的高度转换为自动调整。

可选的，所述响应于显示目标锚点的链接，获取所述目标锚点的指向，显示所述目标锚点隐藏的内容，包括：

所述响应于显示目标锚点的链接的指令，获取所述目标锚点的指向，将表示收起的a标签切换为表示显示的a标签，并显示所述目标锚点隐藏的内容。

可选的，还包括：

响应于收起目标锚点的链接的指令，获取所述目标锚点的指向，将表示显示的a标签切换为表示收起的a标签，并将显示的所述目标锚点显示的内容。

本发明实施例提供了一种基于CSS展示网页更多内容的装置，所述装置可以包括：

划分单元，用于将目标网页隐藏的内容划分为内容区和控制区；其中，所述控制区由带有锚点的两个a标签表示，所述两个a标签，分别表示显示和收起；

设置单元，用于基于CSS设置所述内容区的高度，并将溢出的内容进行隐藏；

显示单元，用于响应于显示目标锚点的链接的指令，获取所述目标锚点的指向，显示所述目标锚点指向的内容区的内容。

可选的，所述划分单元包括：第一设置子单元，用于通过p标签表示所述内容区，并为所述内容区设置ID名称；

第二设置子单元，用于通过带有锚点的两个a标签表示所述控制区

，并将所述锚点的名称设置为所述ID名称；其中，所述两个a标签分别表示显示和收起。

可选的，所述装置还包括：

转换单元，用于将所述网页的高度转换为自动调整。

可选的，所述显示单元，包括：

显示子单元，用于所述响应于显示目标锚点的链接的指令，获取所述目标锚点的指向，将表示收起的a标签切换为表示显示的a标签，并显示所述目标锚点隐藏的内容。

可选的，所述装置还包括：

响应于收起目标锚点的链接的指令，获取所述目标锚点的指向，将表示显示的a标签切换为表示收起的a标签，并将显示的所述目标锚点显示的内容。

本实施例中，为了展示网页中更多的内容，可以将目标网页隐藏的内容划分为内容区和控制区，并且，控制区由带有锚点的两个a标签表示；基于CSS设置所述内容区的高度，并将溢出的内容进行隐藏；响应于显示目标锚点的链接的指令，获取所述目标锚点的指向，显示所述目标锚点指向的内容区的内容。因此，采用CSS的方式，显示网页中更多的内容，解决了现有技术中，采用JavaScript的方法显示更多的内容而影响页面的反映速度，从而使得用户体验性差的问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。