CN103064677B - 一种web多文档子窗口的管理方法及装置 - Google Patents
一种web多文档子窗口的管理方法及装置 Download PDFInfo
- Publication number
- CN103064677B CN103064677B CN201210568384.8A CN201210568384A CN103064677B CN 103064677 B CN103064677 B CN 103064677B CN 201210568384 A CN201210568384 A CN 201210568384A CN 103064677 B CN103064677 B CN 103064677B
- Authority
- CN
- China
- Prior art keywords
- subwindow
- page
- container
- web
- title
- 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.)
- Expired - Fee Related
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提出一种WEB多文档子窗口的管理方法，包括步骤：预先保存子窗口容器；所述子窗口容器包括容器标题和Iframe元素；当接收到打开子窗口页面的命令后，获取子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址；隐藏所述子窗口页面，将所述子窗口页面的标题更新所述容器标题；将所述子窗口页面的正文数据更新所述Iframe元素；将所述子窗口页面的地址更新所述子窗口容器的地址。本发明提出一种WEB多文档子窗口的管理装置，可以在打开WEB应用软件的子窗口页面时，不会被拦截。
Description
技术领域
本发明涉及文档窗口控制领域，特别是涉及一种WEB多文档子窗口的管理方法及装置。
背景技术
在有些WEB应用软件，如拼墙管理等工控类系统，主界面需要一直保持运行，而作配置等其它操作时则会弹出子窗口界面。由于浏览器没有提供多文档界面（MDI）方式，开发人员只能直接弹出浏览器子窗口来显示；
由于浏览器弹出窗口有时会被误作垃圾广告，常常会被杀毒工具、过滤软件拦截，导致子窗口功能无法打开，影响用户操作。
发明内容
本发明的目的在于提出一种WEB多文档子窗口的管理方法及装置，可以在打开WEB应用软件的子窗口页面时，不会被拦截。
采用的方案是：
一种WEB多文档子窗口的管理方法，包括步骤：
预先保存子窗口容器；所述子窗口容器包括容器标题和Iframe元素；
当接收到打开子窗口页面的命令后，获取子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址；
隐藏所述子窗口页面，将所述子窗口页面的标题更新所述容器标题；将所述子窗口页面的正文数据更新所述Iframe元素；将所述子窗口页面的地址更新所述子窗口容器的地址。
以及，一种WEB多文档子窗口的管理装置，包括：
存储单元，用于预先保存子窗口容器；所述子窗口容器包括容器标题和Iframe元素；
获取单元，用于当接收到打开子窗口页面的命令后，获取子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址；
第一显示单元，用于隐藏所述子窗口页面，将所述子窗口页面的标题更新所述容器标题；将所述子窗口页面的正文数据更新所述Iframe元素；将所述子窗口页面的地址更新所述子窗口容器的地址。
由于本发明中，由Iframe元素构成的容器来显示子窗口页面；Iframe元素是HTML一个标准元素，由Iframe元素构成的容器不是真正的浏览器子窗口，故在打开WEB应用软件的子窗口页面时，不存在被拦截或过滤情况，方便用户操作。
附图说明
图1为本发明的一个实施流程图；
图2A为本发明提出的子窗口容器的一个示意图；
图2B为子窗口页面的一个示意图；
图3本发明装置的一个结构示意图；
图4本发明装置的一个结构示意图；
图5本发明装置的一个结构示意图；
图6本发明装置的一个结构示意图。
具体实施方式
本发明提出的一种WEB多文档子窗口的管理方法，其中一个实施流程，参见图1，包括步骤：
S1、预先保存子窗口容器；
其中，子窗口容器包括容器标题和Iframe元素；构架子窗口容器时，可以按照如下方式：
打开WEB应用程序的主界面，在主界面窗口中创建一个子窗口容器，在子窗口容器内加入一个Div元素作为窗口标题栏，在Div元素的下方加入一个Iframe元素作为子窗口的页面区，这些就构成了子窗口容器的一个基本框架，其中，Div元素是用来为HTML（HypertextMarkupLanguage，超文本标记语言）文档内大块的内容提供结构和背景的元素。Iframe元素是HTML一个标准元素，可以在文档中嵌套另一文档。
一般指的WEB应用程序有html、asp、aspx、jsp、shtml、xml等等。
一般来说可以保存多个子窗口容器，以供在打开WEB应用程序的子窗口时调用。
在创建好子窗口容器后，还需设置关闭子窗口容器的方法，具体可以是，通过设置该子窗口容器的window.close方法，其程序代码模型如下：
以上代码仅仅说明了window.close的代码模型，可以在此基础上进行适当变化。
S2、当接收到打开子窗口页面的命令后，获取子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址；
具体的，步骤S2的实施方式可以是：
检测是否有用户打开WEB应用程序的子窗口，当有用户打开WEB应用程序的子窗时，加载打开的子窗口页面，在加载子窗口页面时，并不显示该子窗口页面；获取对应的子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址。
预先重写Iframe的onload事件，在子窗口页面加载完成时，可以获取对应的子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址；其中，Onload是一个事件名称，是一个回调函数，在iframe页面的所有元素加载完成时会触发该事件。
具体的，onload事件的代码模型如下：
以上代码仅仅说明了onload事件的代码模型，可以在此基础上进行适当变化。
S3、隐藏子窗口页面，将子窗口页面的标题更新容器标题；将子窗口页面的正文数据更新Iframe元素；将子窗口页面的地址更新子窗口容器的地址。
为方便理解，下面以图2A以及图2B来进行说明；其中图2B是未使用本发明方法时，打开一个子窗口页面时的示意图，在本发明中加载子窗口页面时并不会真正显示出来。
经过步骤S2，获取到【子窗口页面的标题】、【子窗口页面的正文数据】以及【子窗口页面的地址】；将【子窗口页面的标题】显示在图2A中的【容器标题】上，将【子窗口页面的正文数据】显示在图2B中的【Iframe元素】上，以及将【子窗口页面的地址】作为子窗口容器的地址。将子窗口页面显示的内容转移到可以由Iframe元素构成的容器来显示。
由于本发明中，由Iframe元素构成的容器来显示子窗口页面；Iframe元素是HTML一个标准元素，由Iframe元素构成的容器不是真正的浏览器子窗口，因此在打开WEB应用软件的子窗口页面时，不存在被拦截或过滤情况，方便用户操作。
另外，在传统的多文档子窗口的管理方法中，不能在关闭或最小化主窗口时，子窗口也一起关闭或者最小化；这样会影响用户的正常操作；由此可对上述实施例进行改进，具体的：
在步骤S3后，包括：
当接收到关闭子窗口的命令时，清除子窗口容器中的内容；以及关闭子窗口页面；其中，清除子窗口容器中的内容时，包括清除子窗口容器上的全部内容，如容器标题、Iframe元素中显示的内容；也清除调用的子窗口容器；
当接收到WEB主界面的最小化命令时，最小化WEB主界面以及容器。
另外，有些用户不希望在打开子窗口页面时，还可以控制主界面；有些用户却希望在打开子窗口页面时，还可以控制主界面；在传统的方法中，并不能很好的满足这一需求，因此本发明中作了对应的改进：
预先保存遮罩层；其中，遮罩层可以通过在主界面中创建Div元素来实现，通过控制遮罩层的显示和隐藏来满足用户需求；
当接收到调用遮罩层的命令时，在容器和WEB主界面之间显示遮罩层。当显示遮罩层时，打开子窗口页面后，不能控制主界面；当隐藏遮罩层时，打开子窗口页面后，可以控制主界面。
另外，在传统的多文档子窗口的管理方法中，子窗口页面的外观（如标题栏）是操作系统级，WEB应用程序无法更改，这严重了影响系统用户界面的视觉效果；对此本发明作了对应改进：
预先保存容器的风格；风格包括容器边框的颜色、标题栏的颜色；
当接收到容器风格的更改命令时，根据更改命令调整容器的大小或者位置。
具体调整时，可以是在步骤S3之后。
本发明还提出一种WEB多文档子窗口的管理装置，其结构示意图参考图3,，包括：
存储单元，用于预先保存子窗口容器；子窗口容器包括容器标题和Iframe元素；
获取单元，用于当接收到打开子窗口页面的命令后，获取子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址；
第一显示单元，用于隐藏子窗口页面，将子窗口页面的标题更新容器标题；将子窗口页面的正文数据更新Iframe元素；将子窗口页面的地址更新子窗口容器的地址。
由于本发明中，由Iframe元素构成的容器来显示子窗口页面；Iframe元素是HTML一个标准元素，由Iframe元素构成的容器不是真正的浏览器子窗口，故在打开WEB应用软件的子窗口页面时，不存在被拦截或过滤情况，方便用户操作。
另外，在传统的多文档子窗口的管理方法中，不能在关闭或最小化主窗口时，子窗口也一起关闭或者最小化；这样会影响用户的正常操作；由此可对上述实施例进行改进，具体的参考图4，WEB多文档子窗口的管理装置还包括更新单元；
当接收到关闭子窗口的命令时，更新单元清除子窗口容器中的内容；以及关闭子窗口页面；
当接收到WEB主界面的最小化命令时，更新单元最小化WEB主界面以及容器。
另外，有些用户不希望在打开子窗口页面时，还可以控制主界面；有些用户却希望在打开子窗口页面时，还可以控制主界面；在传统的方法中，并不能很好的满足这一需求，因此本发明中作了对应的改进，参考图5，WEB多文档子窗口的管理装置还包括第二显示单元；
存储单元还用于预先保存遮罩层；
当接收到调用遮罩层的命令时，第二显示单元在容器和WEB主界面之间显示遮罩层。
另外，在传统的多文档子窗口的管理方法中，子窗口页面的外观（如标题栏）是操作系统级，WEB应用程序无法更改，这严重了影响系统用户界面的视觉效果；对此本发明作了对应改进，请参考图6；WEB多文档子窗口的管理装置还包括调整单元；
存储单元还用于预先保存容器的风格；其中，该风格包括容器边框的颜色、标题栏的颜色；
当接收到容器风格的更改命令时，调整单元根据更改命令调整容器的大小或者位置。
以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。
Claims (8)
1.一种WEB多文档子窗口的管理方法，其特征在于，包括步骤：
在主界面需要一直保持运行的WEB应用软件中，预先保存子窗口容器；所述子窗口容器包括容器标题和Iframe元素；
当接收到打开子窗口页面的命令后，若浏览器弹出窗口被拦截，获取子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址；
隐藏所述子窗口页面，将所述子窗口页面的标题更新所述容器标题；将所述子窗口页面的正文数据更新所述Iframe元素；将所述子窗口页面的地址更新所述子窗口容器的地址。
2.根据权利要求1所述的WEB多文档子窗口的管理方法，其特征在于，在所述将子窗口的页面地址更新为所述子窗口容器的地址的步骤后，包括：
当接收到关闭所述子窗口的命令时，清除所述子窗口容器中的内容；以及关闭所述子窗口页面；
当接收到WEB主界面的最小化命令时，最小化所述WEB主界面以及所述容器。
3.根据权利要求1所述的WEB多文档子窗口的管理方法，其特征在于，
预先保存遮罩层；
当接收到调用所述遮罩层的命令时，在所述容器和WEB主界面之间显示所述遮罩层。
4.根据权利要求1至3任一项所述的WEB多文档子窗口的管理方法，其特征在于，
预先保存所述容器的风格；所述风格包括容器边框的颜色、所述标题栏的颜色；
当接收到所述容器风格的更改命令时，根据所述更改命令调整所述容器的风格。
5.一种WEB多文档子窗口的管理装置，其特征在于，包括：
存储单元，用于在主界面需要一直保持运行的WEB应用软件中，预先保存子窗口容器；所述子窗口容器包括容器标题和Iframe元素；
获取单元，用于当接收到打开子窗口页面的命令后，若浏览器弹出窗口被拦截，获取子窗口页面的标题、子窗口页面的正文数据以及子窗口页面的地址；
第一显示单元，用于隐藏所述子窗口页面，将所述子窗口页面的标题更新所述容器标题；将所述子窗口页面的正文数据更新所述Iframe元素；将所述子窗口页面的地址更新所述子窗口容器的地址。
6.根据权利要求5所述的WEB多文档子窗口的管理装置，其特征在于，所述WEB多文档子窗口的管理装置还包括更新单元；
当接收到关闭所述子窗口的命令时，所述更新单元清除所述子窗口容器中的内容；以及关闭所述子窗口页面；
当接收到WEB主界面的最小化命令时，所述更新单元最小化所述WEB主界面以及所述容器。
7.根据权利要求5所述的WEB多文档子窗口的管理装置，其特征在于，所述WEB多文档子窗口的管理装置还包括第二显示单元；
所述存储单元还用于预先保存遮罩层；
当接收到调用所述遮罩层的命令时，所述第二显示单元在所述容器和WEB主界面之间显示所述遮罩层。
8.根据权利要求5至7任一项所述的WEB多文档子窗口的管理装置，其特征在于，所述WEB多文档子窗口的管理装置还包括调整单元；
所述存储单元还用于预先保存所述容器的风格；所述风格包括容器边框的颜色、所述标题栏的颜色；
当接收到所述容器风格的更改命令时，所述调整单元根据所述更改命令调整所述容器的大小或者位置。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210568384.8A CN103064677B (zh) | 2012-12-24 | 2012-12-24 | 一种web多文档子窗口的管理方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210568384.8A CN103064677B (zh) | 2012-12-24 | 2012-12-24 | 一种web多文档子窗口的管理方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103064677A CN103064677A (zh) | 2013-04-24 |
| CN103064677B true CN103064677B (zh) | 2016-06-29 |
Family
ID=48107315
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210568384.8A Expired - Fee Related CN103064677B (zh) | 2012-12-24 | 2012-12-24 | 一种web多文档子窗口的管理方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103064677B (zh) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104537221B (zh) * | 2014-12-19 | 2017-09-15 | 中国石油集团东方地球物理勘探有限责任公司 | 一种窗口管理方法及系统 |
| CN107450904A (zh) * | 2017-06-07 | 2017-12-08 | 北京五八信息技术有限公司 | 标题栏的绘制方法和装置 |
| CN109740098B (zh) * | 2018-12-29 | 2022-01-11 | 深圳点猫科技有限公司 | 一种基于多页面窗口的应用处理方法及电子设备 |
| CN111625741A (zh) * | 2020-04-30 | 2020-09-04 | 贝壳技术有限公司 | 页面数据交互方法、装置、存储介质及电子设备 |
| CN112099891B (zh) * | 2020-09-10 | 2024-01-12 | 亚信科技（南京）有限公司 | 弹窗展示方法、装置、电子设备及计算机可读存储介质 |
| CN116107575B (zh) * | 2023-04-13 | 2023-07-04 | 麒麟软件有限公司 | 一种窗口管理器 |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1203403C (zh) * | 2003-01-17 | 2005-05-25 | 天图信息技术(上海)有限公司 | 网视网络广告投放系统中的后台智能下载方法 |
| TWI262409B (en) * | 2004-10-29 | 2006-09-21 | Jen-Hwang Weng | Method and system for rapidly acquiring website information |
| US20070256003A1 (en) * | 2006-04-24 | 2007-11-01 | Seth Wagoner | Platform for the interactive contextual augmentation of the web |
| US20080120538A1 (en) * | 2006-11-22 | 2008-05-22 | University Of New Brunswick | Visual web page authoring tool for multi-context web pages |
| CN102339282A (zh) * | 2010-07-16 | 2012-02-01 | 阿里巴巴集团控股有限公司 | 一种微件显示的控制方法和装置 |
| CN102810041B (zh) * | 2011-06-02 | 2015-11-18 | 深圳市金蝶友商电子商务服务有限公司 | 一种多文档界面的转换方法以及相关装置 |
| CN102609522B (zh) * | 2012-02-09 | 2014-03-19 | 钱咸升（北京）网络科技有限公司 | 一种网站信息与客户端程序的集成交互控制方法及系统 |
-
2012
- 2012-12-24 CN CN201210568384.8A patent/CN103064677B/zh not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| CN103064677A (zh) | 2013-04-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103064677B (zh) | 一种web多文档子窗口的管理方法及装置 | |
| CN104375872B (zh) | 一种安卓系统实现快速开机的方法及装置 | |
| CN103823813B (zh) | 电子终端历史操作记录处理方法及装置 | |
| US20070074126A1 (en) | Sidebar engine, object model and schema | |
| US20080184102A1 (en) | Browser extension for web form capture | |
| US10795695B2 (en) | Control method and apparatus for window in application program | |
| US20070044029A1 (en) | Sidebar engine, object model and schema | |
| US20060265647A1 (en) | System and method for providing a webpage | |
| US20090259950A1 (en) | Editing user interface components | |
| CN102081650A (zh) | 嵌入式平台用户界面加速显示的方法 | |
| US20110321029A1 (en) | Upgrade management of application components | |
| CN104503655A (zh) | 应用程序界面显示控制方法及装置 | |
| CN108304234B (zh) | 一种页面展示方法及装置 | |
| CN102262528A (zh) | 即时通讯客户端及其内嵌网页页面实现拖拽的方法 | |
| WO2004075477A8 (en) | Method and system for managing network access device using a smart card | |
| WO2010030676A1 (en) | Method and apparatus for remotely displaying screen files and efficiently handling remote operator input | |
| JP2015502606A (ja) | クロス・ウィンドウ・アニメーション | |
| DE202013012500U1 (de) | Systemübergreifende Installation von Online-Applikationen | |
| CN102722307A (zh) | 一种缩略图导航方法及装置 | |
| KR20100057505A (ko) | 정보를 디스플레이하기 위한 시스템 및 방법 | |
| US20090063520A1 (en) | Storage medium for electronic information processing program, electronic information processing system, and electronic information processing method | |
| CN104252354B (zh) | 刷新智能终端的数据列表的方法和装置 | |
| CN106484270A (zh) | 一种语音操作事件添加方法及终端 | |
| CN108563929A (zh) | 一种仅在涉密区域生成水印的方法、系统、装置及介质 | |
| CN103677719A (zh) | 一种拼接墙显示方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CP03 | Change of name, title or address | ||
| CP03 | Change of name, title or address |
Address after: 510670 Guangdong Province, Guangzhou high tech Industrial Development Zone Kezhu Road No. 233 Patentee after: VTRON GROUP Co.,Ltd. Address before: 510663 Guangzhou province high tech Industrial Development Zone, Guangdong, Cai road, No. 6, No. Patentee before: VTRON TECHNOLOGIES Ltd. |
|
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20160629 Termination date: 20211224 |