一种网页多层次区块剪取方法技术

本发明专利技术提供一种网页多层次区块剪取方法。上述方法包括以下步骤：用户于源网页的输入控件输入网址，源网页创建网页框架以加载显示所述网址对应的网页A；所述网页A调用网页多层次区块剪取api保存所述网页A的信息；于所述网页A上的链接被点击时，通过网页多层次区块剪取api在所述源网页的网页框架显示该链接对应的网页B；所述网页B调用网页多层次区块剪取api保存所述网页B的信息；当在所述网页B进行区块剪取时，调用网页多层次区块剪取api进行网页剪取及保存操作。

【技术实现步骤摘要】

本专利技术属于网络
，尤其涉及。
技术介绍
目前，现有进行网页区块剪取只能剪取一级页面，即只能剪取用户首页打开的网页。如果用户想先打开一个引导页，而想剪取的页面是引导页面点进去的页面，则无法实现网页剪取。例如，用户打开新浪首页，此时用户没有网页剪取的意愿，而在点击至某个新闻页面后产生了剪取意愿，此时需要进行网页剪取，目前的网页剪取技术无法实现上述网页的剪取。因此，目前的网页剪取技术无法符合用户的操作习惯，会影响用户体验。
技术实现思路
本专利技术提供，以解决上述问题。本专利技术提供。上述方法包括以下步骤用户于源网页的输入控件输入网址，源网页创建网页框架以加载显示所述网址对应的网页A ；所述网页A调用网页多层次区块剪取api保存所述网页A的信息；于所述网页A上的链接被点击时，通过网页多层次区块剪取api在所述源网页的网页框架显示该链接对应的网页B ；所述网页B调用网页多层次区块剪取api保存所述网页B的信息；当在所述网页B进行区块剪取时，调用网页多层次区块剪取api进行网页剪取及保存操作。相较于先前技术，根据本专利技术提供的网页多层次区块剪取方法，通过网页多层次区块剪取api可以实现网页A或者网页A的子页面的剪取。于本专利技术中，当用户需要进行网页剪取时，再主动触发网页剪取功能进行剪取，确保用户能正常进行网页剪取操作。如此， 网页区块剪取不局限于单个页面，用户可以根据自己的需求选择网页进行网页区块剪取， 提高了用户体验。而且，本专利技术实现的网页多层次区块剪取方法完全基于网页实现，无需下载任何插件，方便、快捷、高效，能够在视频会议、远程教育等嵌入使用，应用范围广泛。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中图1所示为根据本专利技术的较佳实施例提供的网页多层次区块剪取方法的流程图。具体实施例方式下文中将参考附图并结合实施例来详细说明本专利技术。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。图1所示为根据本专利技术的较佳实施例提供的网页多层次区块剪取方法的流程图。 如图ι所示，本专利技术较佳实施例提供的网页多层次区块剪取方法包括步骤101 105。于步骤101，用户于源网页的输入控件输入网址，源网页创建网页框架以加载显示所述网址对应的网页A。具体而言，用户打开源网页，在源网页的输入控件(例如，文本框) 中输入网址(例如,www. sina. com)，源网页通过document. createElement方法创建网页框架(例如，用ifr表示)，将所述网页框架的src赋值为所述网址，并将所述网页框架添加到源网页中。如此，所述网址对应的网页A可在源网页加载显示。于步骤102，所述网页A调用网页多层次区块剪取api保存所述网页A的信息。于本实施例中，网页多层次区块剪取api用于在网页加载完成后自动生成网页框架m，并将网页框架m的src属性设置为网页多层次区块剪取api回调页面，并用于将所述网页框架m添加至所述网页；所述网页多层次区块剪取api用于将所述网页中的所有链接附加上one 1 ick事件；用于通过改变所述网页框架m的src属性将所述网页的信息以URL参数形式传递至网页多层次区块剪取api回调页面，网页多层次区块剪取api回调页面通过 parent, parent调用源网页的网页多层次区块剪取api回调函数以保存所述网页的信息。 其中，网页多层次区块剪取api用于将所述网页中的所有链接附加上onclick事件后，用户点击所述网页中的任何链接均只执行此链接的onclick事件，并不会进行相关的跳转， onclick事件会向网页多层次区块剪取api的回调页面传入所触发onclick事件的链接的地址。另外，当所加载网页需要调用网页多层次区块剪取api保存各种状态时，通过改变网页框架m的src属性将网页的信息以URL参数形式传递至网页多层次区块剪取api回调页面。例如，网页框架m的src属性可设置为http://{源网页}/{网页多层次区块剪取api 回调地址} ？ url= {所加载网页地址}&#(1让={所加载网页宽度}紐&8社={所加载网页高度}。如此，网页多层次区块剪取api回调页面加载时通过解决URL的url、width、 height三个参数值得到所加载网页的信息。由于网页多层次区块剪取api回调页面同源网页是一个域名，所以网页多层次区块剪取api回调页面通过parent, parent调用源网页的网页多层次区块剪取api回调函数，并传入所获取到的url、width、height值，由源网页进行保存。具体而言，当源网页中的网页框架加载网页A后，将网页A的相关属性传入网页多层次区块剪取api回调页面中，源网页通过网页多层次区块剪取api接收到网页多层次区块剪取api回调页面所传递的网页A地址、网页A宽度、网页A高度参数后，保存至 javascript数组变量数组变量中，以备用户进行网页剪取操作使用。于步骤103，于所述网页A上的链接被点击时，通过网页多层次区块剪取api在所述源网页的网页框架显示该链接对应的网页B。具体而言，当用户在网页A上无剪取意愿时，用户可点击网页A中的相关链接进入相应的网页B。于所述网页A上的链接被点击时， 通过重新加载网页多层次区块剪取api回调页面在URL中加入所述链接的链接地址参数， 网页多层次区块剪取api回调页面接收上述链接地址参数时，通过parent, parent调用源网页的网页多层次区块剪取api函数改变源网页创建的网页框架的src属性，以加载所述链接对应的网页B。于步骤104，所述网页B调用网页多层次区块剪取api保存所述网页B的信息。于所述源网页的网页框架加载所述网页B后，网页多层次区块剪取api接收网页多层次区块剪取api回调页面所传递的所述网页B的信息，并将所述网页B的信息保存至javascript 数组变量中。关于网页B的信息保存方式同网页A的信息保存方式，故于此不再赘述。于步骤105，当在所述网页B进行区块剪取时，调用网页多层次区块剪取api进行网页剪取及保存操作。具体而言，当在所述网页B进行区块剪取时，所述网页多层次区块剪取api重新加载网页B并加上url参数cut = 1，所述网页B加载完成后，通过获取cut = 1 标识，调用JavaScript函数为网页B创建网页框架B，并对所述网页框架B进行属性设置， 并将所述网页框架B添加到网页B，为所述网页框架B添加各种鼠标事件以进行区域选择。 其中，所述网页框架B的属性设置为src设置为aboutblank、背景设置为透明、宽度为网页B的宽度、高度为网页B的高度、浮动样式、margin为0、padding为0、zlndex为网页B 的最大zlndex加1。此外，当用户在网页框架B完成区域选择后，生成确定按钮，用户点击确定按钮后，通过网页多层次区块剪取api向网页多层次区块剪取api回调页面传入所剪取网页的地址、剪取的区域宽度、剪取的区域高度、剪取区域的起点横纵坐标，网页多层次区块剪取 api回调页面接收到传递信息后，将接收的信息传递给通过JavaScript的pare本文档来自技高网...

【技术保护点】

【技术特征摘要】

【专利技术属性】
技术研发人员：胡加明，
申请(专利权)人：苏州阔地网络科技有限公司，
类型：发明
国别省市：