[发明专利]一种重组Html结构并通过鼠标点击获取Html组件的方法

摘要

本发明涉及网页处理技术领域，具体涉及一种重组Html结构并通过鼠标点击获取Html组件的方法。本发明方法包括：1.通过输入的指定Web页面的Url，获取原始的Url的Html代码；2.在原始的Html代码结构上增加Css、Javascript，对Html进行重组，以支持鼠标移动与点击时的动作；3.在页面上展示重组后的Html，在新页面上移动鼠标时，展示鼠标所在的区域并进行颜色变化区分，当点击时返回当前鼠标点击的Html组件。本发明解决了通过鼠标移动展示指定的Html组件，以及通过鼠标点击获取指定的Html组件的功能的技术难题，本发明可广泛应用于对原Html结构进行展示或重组的Web获取技术上，特别用于获取Html页面数据的相关系统设计中。

主权项

1.一种重组Html结构并通过鼠标点击获取Html组件的方法，其特征在于：所述的方法包括以下步骤：步骤一、输入要获取Html组件的页面Url；步骤二、把页面Url传到后台进行整体Html结构获取，并在Html中增加Css、Javascript对Html进行重组；步骤三、把重组后的Html传输到前台，通过弹出的Div组件进行展示；步骤四、在弹出的Div组件上，通过鼠标移动，重组后的Html通过增加的Javascript判断鼠标位置，改变鼠标所在的Html组件的背景颜色，背景颜色为增加的Css所定义；步骤五、当鼠标移动到最终的Html组件上时，背景颜色进行改变，当点击鼠标左键时，通过Javascript返回点击所在的Html组件，最终输出点击获取的Html结果所述的步骤四中，鼠标在弹出的Div组件上移动时，通过增加的Javascript判断鼠标在各Html组件上的移进与移出事件，对鼠标的移动做出各Html组件的背景颜色的变化，展示给用户鼠标所在的Html组件；鼠标在移进与移出事件上，需要判断所在的Html是否存在嵌套，如果是需要获取最底层的Html组件进行背景颜色的改变；所述的步骤五中，当鼠标移动到要获取的Html组件上时，Html组件改变背景颜色，当点击鼠标左键时通过Javascript返回该Html组件的Html结构，用于相关系统的使用；此时，Javascript需判断点击的组件是否存在嵌套，如果有嵌套多个Html组件时，需返回最底层的Html组件；也可通过返回多个Html组件的方式，由操作人员选择。