CN107818171A - 一种基于iframe的页面加载方法及系统 - Google Patents

一种基于iframe的页面加载方法及系统 Download PDF

Info

Publication number
CN107818171A
CN107818171A CN201711119892.7A CN201711119892A CN107818171A CN 107818171 A CN107818171 A CN 107818171A CN 201711119892 A CN201711119892 A CN 201711119892A CN 107818171 A CN107818171 A CN 107818171A
Authority
CN
China
Prior art keywords
page
iframe
labels
loading
iframe labels
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201711119892.7A
Other languages
English (en)
Inventor
梁有亮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Si Tech Information Technology Co Ltd
Original Assignee
Beijing Si Tech Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Si Tech Information Technology Co Ltd filed Critical Beijing Si Tech Information Technology Co Ltd
Priority to CN201711119892.7A priority Critical patent/CN107818171A/zh
Publication of CN107818171A publication Critical patent/CN107818171A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明涉及一种基于iframe的页面加载方法及系统，其中，该方法包括以下步骤：接收服务器针对用户的页面请求所返回的第一页面；在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面；当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。本发明利用iframe特性,把需要调用的多个页面,单独使用iframe标签去同时调用,如果调用过程中其中一个页面报错了,那么不会影响其他页面继续调用，不但可以减少页面加载报错进而导致主要页面崩溃的几率，还能加快主要页面加载时的速度。

Description

一种基于iframe的页面加载方法及系统
技术领域
本发明涉及页面展示领域，具体涉及一种基于iframe的页面加载方法及系统。
背景技术
随着互联网技术的不断发展，人们越来越依赖从网络获取信息和服务，例如浏览新闻、看电影、网购等，从而丰富了人们的生活体验。上述的信息和服务往往是通过页面的形式呈现给用户的，在加载一个页面时，经常需要调用其他页面来向用户展示推荐信息或实时提示等信息的时候,现有技术中，各个页面的加载是按顺序逐一加载的，如果在调用过程中一个页面报错了,那么整个页面都会瘫痪或报错，影响用户的使用体验。
发明内容
本发明针对现有技术存在的上述技术问题，提供一种基于iframe的页面加载方法及系统。
本发明解决上述技术问题的技术方案如下：一种基于iframe的页面加载方法，包括以下步骤：
接收服务器针对用户的页面请求所返回的第一页面；
在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面；
当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。
本发明的有益效果是：利用iframe特性,把需要调用的多个页面,单独使用iframe标签去同时调用,如果调用过程中其中一个页面报错了,那么不会影响其他页面继续调用，不但可以减少页面加载报错进而导致主要页面崩溃的几率，还能加快主要页面加载时的速度。
在上述技术方案的基础上，本发明还可以做如下改进。
进一步，所述URL地址是在iframe标签的src属性中设置的。
进一步，该方法还包括将所述iframe标签设置为隐藏。
采用上述进一步方案的有益效果是，当第二页面加载失败时不会在第一页面展示，避免影响用户的使用体验。
进一步，所述将iframe标签设置为隐藏的方法包括：
将所述iframe标签的显示属性设置为不显示；或者设置所述iframe标签的长宽尺寸为0。
进一步，该方法还包括当所述第二页面加载失败时，根据加载失败的第二页面对应的iframe标签在第一页面中的位置和加载失败原因生成页面错误信息。
采用上述进一步方案的有益效果是，便于后台维护人员根据页面错误信息及时、准确地对加载失败的页面进行调试。
为实现上述发明目的，本发明还提供一种基于iframe的页面加载系统，包括：
页面接收模块，用于接收服务器针对用户的页面请求所返回的第一页面；
页面加载模块，用于在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面，还用于当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。
本发明的有益效果是：利用iframe特性,把需要调用的多个页面,单独使用iframe标签去同时调用,如果调用过程中其中一个页面报错了,那么不会影响其他页面继续调用，不但可以减少页面加载报错进而导致主要页面崩溃的几率，还能加快主要页面加载时的速度。
在上述技术方案的基础上，本发明还可以做如下改进。
进一步，所述URL地址是在iframe标签的src属性中设置的。
进一步，该系统还包括标签隐藏模块，用于将所述iframe标签设置为隐藏。
采用上述进一步方案的有益效果是，当第二页面加载失败时不会在第一页面展示，避免影响用户的使用体验。
所述标签隐藏模块，具体用于将所述iframe标签的显示属性设置为不显示，或者设置所述iframe标签的长宽尺寸为0。
进一步，该系统还包括页面报错模块，用于当所述第二页面加载失败时，根据加载失败的第二页面对应的iframe标签在第一页面中的位置和加载失败原因生成页面错误信息。
采用上述进一步方案的有益效果是，便于后台维护人员根据页面错误信息及时、准确地对加载失败的页面进行调试。
附图说明
图1为本发明实施例提供的一种基于iframe的页面加载方法的流程图；
图2为本发明实施例提供的一种基于iframe的页面加载方法的流程图；
图3为本发明实施例提供的一种基于iframe的页面加载方法的流程图；
图4为本发明实施例提供的一种基于iframe的页面加载系统的结构框图；
图5为本发明实施例提供的一种基于iframe的页面加载系统的结构框图；
图6为本发明实施例提供的一种基于iframe的页面加载系统的结构框图。
具体实施方式
以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。
图1为本发明实施例提供的一种基于iframe的页面加载方法的流程图，如图1所示，该方法包括以下步骤：
101、接收服务器针对用户的页面请求所返回的第一页面。
具体的，本实施例的执行主体可以为客户端，如浏览器、app等，在应用时，用户可通过配置于电子设备上的客户端发起页面请求。其中，所述电子设备可以是台式电脑、笔记本电脑、平板电脑、智能手机、数字助理、智能可穿戴设备、导购终端、智能电视机等。
本实施例中，所述页面请求可以是任何场景下的页面请求，例如商品或服务的浏览请求、网购时的订单支付请求、第三方支付平台的转账请求等。
本实施例中，所述服务器可以为应用服务器或web服务器等，并且服务器的数量不作限定，其可以为一个服务器或多个服务器形成的服务器集群。
102、在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面。
103、当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。
具体的，本实施例中，服务器返回的页面一般是HTML文档，浏览器等客户端在接收到HTML文档后，在界面上进行加载和展示。
本实施例中，iframe标签是一种HTML标签，作用是创建包含另外一个文档的内联框架(即行内框架)，即用于创建文档中的文档。如果需要在一个页面的任何指定位置嵌入外部页面：test_1.jsp，可在该页面的代码中的该指定位置处插入如下语句实现：
<iframe src＝＂test_1.jsp＂></iframe>
其中，＂test_1.jsp＂即为调用的第二页面的URL地址，该URL地址是在iframe标签的src属性中设置的。
由于iframe标签以<iframe>开始，以</iframe>结束。因此，在页面加载过程中，通过字符串匹配等方式可以检测处页面中是否包含iframe标签。如果页面中包含iframe标签，则表明该页面中内嵌有外部页面，否则继续进行检测，直至加载完成。
本发明实施例提供的一种基于iframe的页面加载方法，利用iframe特性,把需要调用的多个页面,单独使用iframe标签去同时调用,如果调用过程中其中一个页面报错了,那么不会影响其他页面继续调用，不但可以减少页面加载报错进而导致主要页面崩溃的几率，还能加快主要页面加载时的速度。
可选地，作为本发明的一个实施例中，如图2所示，该方法包括以下步骤：
201、接收服务器针对用户的页面请求所返回的第一页面。
202、在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面。
203、当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。
204、将所述iframe标签设置为隐藏。
可选地，在该实施例中，将iframe标签设置为隐藏的方法包括以下两种方式：
1、将iframe标签的显示属性设置为不显示，该方式通过以下语句实现：<iframesrc＝"test_1.jsp"style＝"display:none">。
2、设置iframe标签的长宽尺寸为0，该方式通过以下语句实现：<iframesrc＝"test_1.jsp"width＝0height＝0>。
本发明实施例提供的一种基于iframe的页面加载方法，将iframe标签设置为隐藏后，当第二页面加载失败时就不会在第一页面展示，从而避免影响用户的使用体验。
可选地，作为本发明的一个实施例中，如图3所示，该方法包括以下步骤：
301、接收服务器针对用户的页面请求所返回的第一页面。
302、在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面。
303、当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。
304、将所述iframe标签设置为隐藏。
305、当所述第二页面加载失败时，根据加载失败的第二页面对应的iframe标签在第一页面中的位置和加载失败原因生成页面错误信息。
本发明实施例提供的一种基于iframe的页面加载方法，在第二页面加载失败时生成页面错误信息，便于后台维护人员根据页面错误信息及时、准确地对加载失败的页面进行调试。
图4为本发明提供的一种基于iframe的页面加载系统的结构框图，如图4所示，该系统包括：
页面接收模块，用于接收服务器针对用户的页面请求所返回的第一页面；
页面加载模块，用于在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面，还用于当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。
可选地，在该实施例中，所述URL地址是在iframe标签的src属性中设置的。
本发明的有益效果是：利用iframe特性,把需要调用的多个页面,单独使用iframe标签去同时调用,如果调用过程中其中一个页面报错了,那么不会影响其他页面继续调用，不但可以减少页面加载报错进而导致主要页面崩溃的几率，还能加快主要页面加载时的速度。
可选地，在实施例中，如图5所示，该系统还包括标签隐藏模块，用于将所述iframe标签设置为隐藏。
本实施例中，标签隐藏模块将所述iframe标签设置为隐藏，可使第二页面加载失败时不会在第一页面展示，从而避免影响用户的使用体验。
具体的，在该实施例中，所述标签隐藏模块，具体用于将所述iframe标签的显示属性设置为不显示，或者设置所述iframe标签的长宽尺寸为0。
可选地，在该实施例中，如图6所示，该系统还包括页面报错模块，用于当所述第二页面加载失败时，根据加载失败的第二页面对应的iframe标签在第一页面中的位置和加载失败原因生成页面错误信息。
本实施例中，页面报错模块在第二页面加载失败时生成页面错误信息，便于后台维护人员根据页面错误信息及时、准确地对加载失败的页面进行调试。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种基于iframe的页面加载方法，其特征在于，包括：
接收服务器针对用户的页面请求所返回的第一页面；
在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面；
当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。
2.根据权利要求1所述的基于iframe的页面加载方法，其特征在于，所述URL地址是在iframe标签的src属性中设置的。
3.根据权利要求1所述的基于iframe的页面加载方法，其特征在于，还包括将所述iframe标签设置为隐藏。
4.根据权利要求3所述的基于iframe的页面加载方法，其特征在于，所述将iframe标签设置为隐藏的方法包括：
将所述iframe标签的显示属性设置为不显示；或者设置所述iframe标签的长宽尺寸为0。
5.根据权利要求1-4任一项所述的基于iframe的页面加载方法，其特征在于，还包括当所述第二页面加载失败时，根据加载失败的第二页面对应的iframe标签在第一页面中的位置和加载失败原因生成页面错误信息。
6.一种基于iframe的页面加载系统，其特征在于，包括：
页面接收模块，用于接收服务器针对用户的页面请求所返回的第一页面；
页面加载模块，用于在加载所述第一页面的过程中，当检测到所述第一页面中包含iframe标签时，根据所述iframe标签内的URL地址加载第二页面，还用于当所述第一页面中包含多个iframe标签时，分别根据每个iframe标签内的URL地址加载对应的第二页面。
7.根据权利要求6所述的基于iframe的页面加载系统，其特征在于，所述URL地址是在iframe标签的src属性中设置的。
8.根据权利要求6所述的基于iframe的页面加载系统，其特征在于，还包括标签隐藏模块，用于将所述iframe标签设置为隐藏。
9.根据权利要求8所述的基于iframe的页面加载系统，其特征在于，所述标签隐藏模块，具体用于将所述iframe标签的显示属性设置为不显示，或者设置所述iframe标签的长宽尺寸为0。
10.根据权利要求6-9任一项所述的基于iframe的页面加载系统，其特征在于，还包括页面报错模块，用于当所述第二页面加载失败时，根据加载失败的第二页面对应的iframe标签在第一页面中的位置和加载失败原因生成页面错误信息。
CN201711119892.7A 2017-11-14 2017-11-14 一种基于iframe的页面加载方法及系统 Pending CN107818171A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711119892.7A CN107818171A (zh) 2017-11-14 2017-11-14 一种基于iframe的页面加载方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711119892.7A CN107818171A (zh) 2017-11-14 2017-11-14 一种基于iframe的页面加载方法及系统

Publications (1)

Publication Number Publication Date
CN107818171A true CN107818171A (zh) 2018-03-20

Family

ID=61609210

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711119892.7A Pending CN107818171A (zh) 2017-11-14 2017-11-14 一种基于iframe的页面加载方法及系统

Country Status (1)

Country Link
CN (1) CN107818171A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109874060A (zh) * 2019-01-04 2019-06-11 烽火通信科技股份有限公司 一种浏览器嵌套隐藏页面的错误提示方法及系统
CN111259381A (zh) * 2020-02-04 2020-06-09 网易（杭州）网络有限公司 页面交互方法、装置、计算机可读介质及电子设备
CN111327598A (zh) * 2020-01-21 2020-06-23 深圳前海环融联易信息科技服务有限公司 项目免登录方法、装置、计算机设备及存储介质
CN112100555A (zh) * 2020-08-18 2020-12-18 北京思特奇信息技术股份有限公司 一种在原生html5页面中实现单页应用的方法及系统

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103246667A (zh) * 2012-02-08 2013-08-14 腾讯科技（深圳）有限公司 数据跨域传递的方法及装置
CN103699378A (zh) * 2013-12-04 2014-04-02 奥维通信股份有限公司 一种基于嵌入式的web框架构建方法及系统
KR20150005050A (ko) * 2013-07-04 2015-01-14 (주)유아이투 웹페이지 및 애플리케이션 간 상호 통신 방법 및 장치
CN104714980A (zh) * 2013-12-17 2015-06-17 阿里巴巴集团控股有限公司 页面嵌套路径确定方法及装置
CN105740338A (zh) * 2016-01-25 2016-07-06 江苏国泰新点软件有限公司 一种数据处理方法和装置
US20160212184A1 (en) * 2012-09-05 2016-07-21 Hbr Labs Llc Platform and method for real-time synchronized co-browsing of web pages
CN106095506A (zh) * 2016-06-14 2016-11-09 乐视控股（北京）有限公司 一种页面加载方法及装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103246667A (zh) * 2012-02-08 2013-08-14 腾讯科技（深圳）有限公司 数据跨域传递的方法及装置
US20160212184A1 (en) * 2012-09-05 2016-07-21 Hbr Labs Llc Platform and method for real-time synchronized co-browsing of web pages
KR20150005050A (ko) * 2013-07-04 2015-01-14 (주)유아이투 웹페이지 및 애플리케이션 간 상호 통신 방법 및 장치
CN103699378A (zh) * 2013-12-04 2014-04-02 奥维通信股份有限公司 一种基于嵌入式的web框架构建方法及系统
CN104714980A (zh) * 2013-12-17 2015-06-17 阿里巴巴集团控股有限公司 页面嵌套路径确定方法及装置
CN105740338A (zh) * 2016-01-25 2016-07-06 江苏国泰新点软件有限公司 一种数据处理方法和装置
CN106095506A (zh) * 2016-06-14 2016-11-09 乐视控股（北京）有限公司 一种页面加载方法及装置

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
MAZEY: "JavaScript-onerror事件：图片加载失败后不显示", 《博客园》 *
张丽: "《Java SE应用详解》", 31 August 2014, 北京邮电大学出版社 *
王左辉: "《实用Web标准网页及动画制作》", 31 July 2008, 合肥工业大学出版社 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109874060A (zh) * 2019-01-04 2019-06-11 烽火通信科技股份有限公司 一种浏览器嵌套隐藏页面的错误提示方法及系统
CN109874060B (zh) * 2019-01-04 2021-04-27 烽火通信科技股份有限公司 一种浏览器嵌套隐藏页面的错误提示方法及系统
CN111327598A (zh) * 2020-01-21 2020-06-23 深圳前海环融联易信息科技服务有限公司 项目免登录方法、装置、计算机设备及存储介质
CN111259381A (zh) * 2020-02-04 2020-06-09 网易（杭州）网络有限公司 页面交互方法、装置、计算机可读介质及电子设备
CN112100555A (zh) * 2020-08-18 2020-12-18 北京思特奇信息技术股份有限公司 一种在原生html5页面中实现单页应用的方法及系统

Similar Documents

Publication Publication Date Title
CN105210051B (zh) 估计内容项的可见性的方法和系统
CN107818171A (zh) 一种基于iframe的页面加载方法及系统
CN107070735B (zh) 异步接口测试的方法、测试终端及系统
US9100434B2 (en) Web page falsification detection apparatus and storage medium
CN105653933B (zh) 插件加载方法及装置
CN107315646B (zh) 页面组件间的数据流向控制方法和装置
CN105117491B (zh) 页面推送方法和装置
CN111104556B (zh) 一种业务处理方法和装置
CN106886544A (zh) 一种数据处理方法及装置
CN101552836A (zh) 应用于手机中移动Widget引擎的实现方法
CN107506256A (zh) 一种崩溃数据监控的方法和装置
CN110941950B (zh) 接口文档的生成方法、装置、服务器及存储介质
CN103631829A (zh) 一种网页访问请求的响应方法和装置
CN107908615A (zh) 一种获取搜索词对应商品类目的方法和装置
CN103309728A (zh) 异步请求处理方法和设备
CN106992975A (zh) 恶意网址识别方法及装置
CN110381363A (zh) 视频解码方法、装置、服务器及存储介质
CN104965690A (zh) 数据处理方法及装置
CN106649342A (zh) 数据采集平台中数据处理的方法及装置
CN109597956A (zh) 页面显示方法和装置
CN106844471A (zh) 一种电子运维系统表单数据处理方法及服务器
CN112631884A (zh) 基于数据同步的压测方法、装置、计算机设备及存储介质
CN102750631A (zh) 一种移动终端支付方法及装置
CN103617043B (zh) 一种带图片网页数据上传的方法和系统
CN102662838A (zh) 一种浏览器中Flash的调试方法及系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20180320

RJ01 Rejection of invention patent application after publication