基于Frameset的模拟浏览器对话框方法技术

本发明专利技术提供了一种基于Frameset的模拟浏览器对话框方法，将Frameset页面嵌入一个主页面，在该页面放置可以覆盖任何元素的透明图层及可支持任何html的对话框或者Iframe窗体，将JS代码缓存在页面上，在关闭对话框或者窗体的时候才继续执行。通过该方法可以支持覆盖Frameset框架，实现模拟阻断JS效果，可以支持打开模态窗口。

【技术实现步骤摘要】

本专利技术涉及一种互联网技术，尤其是指一种。
技术介绍
目前浏览器自带四种对话框模式1、对话框模式为Alert (警告窗):浏览器会弹出一个如图1所示的提示框。2、对话框模式为Confirm (确认窗):浏览器会弹出一个如图2所不的确认窗口。3、对话框模式为浏览器弹出一个如图3所示的输入框。上述三种对话框模式的优点均在于:调用方便，能阻断js (JavaScript脚本语言)进程。然而缺点则是:对话框界面简单，不支持富态提醒(即带图片内容的提醒)，且窗口标题及按钮名称无法更改，提示框风格差很多，取决于不同浏览器分别会有不同的样式。4、对话框模式为浏览器弹出一个如图4所示的网页对话框。此种对话框模式的优点在于:可以调用一个自定义的页面，能阻断js(javaScript脚本语言)进程。缺点:打开时间耗时长， 页面上的文字不能被选择拷贝，不支持网页右键菜单，边框丑陋，在页面跳转和Post (公告)的时候有Bug (故障)。可见，系统自带的对话框虽然有调用简单高效的优点，但是扩展性差、不同系统的浏览器下显示的风格不统一、不支持HTML提示、实现功能简单和美观性差也是很致命的缺点。为此，除了系统自带的弹窗，现有技术中也有不少模拟弹窗的方法，但其基本上是采用div或者Iframe遮盖方式,然而此种方式即不能覆盖Frameset框架,没有模拟阻断js(javaScript脚本语言)进程，有些也不支持打开窗口。
技术实现思路
本专利技术的目的在于克服了上述缺陷，提供一种。本专利技术的目的是这样实现的:相比于系统自带的弹窗及常见的模拟弹窗的方法，本专利技术的有益效果在于提供了一种,通过该方法可以支持覆盖Frameset框架,实现当浏览器对话框关闭后再继续执行JS，模拟阻断JS效果，支持打开模态窗口。附图说明下面结合附图详述本专利技术的具体结构图1为现有系统自带的警告窗模式的对话框示意图；图2为现有系统自带的确认窗模式的对话框示意图3为现有系统自带的输入框模式的对话框示意图；图4为现有系统自带的网页对话框示意图；图5为本专利技术模拟的警告窗模式的对话框示意图；图6为本专利技术模拟的确认窗模式的对话框示意图；图7为本专利技术模拟的输入框模式的对话框示意图；图8为本专利技术衍生出的列表设置对话框示意 图9为本专利技术衍生出的高级搜索对话框示意图；图10为本专利技术模拟的网页对话框示意图。具体实施例方式为详细说明本专利技术的
技术实现思路
、构造特征、所实现目的及效果，以下结合实施方式并配合附图详予说明。由于Frameset页面无法再插入任何其他的界面元素,故如果需要覆盖Frameset,需把Frameset页面嵌入到一个首页的Iframe里面,使用下面方法,可以使Frameset页面在使用上和未嵌入时的效果是一模一样的。本专利技术提供了一种，它包括步骤，A)、使用javaScript调用模拟弹框函数，并传入对话框参数；B)、禁用网页页面滚动条，并设置网页页面边距为O。通过这步骤的设置，才能做到真正全屏。代码不例:〈bodystyle="margin:Opx; overflow:hidden;">C)、在网页页面(top页面-也就是嵌入Frameset的首页)顶端插入一个满屏(宽度 100%、高度 100%)的 Iframe。使用Iframe覆盖的目的是由于一些浏览器的下拉框控件无法被除Iframe的其他任何元素覆盖。代码示例:〈iframe id=〃MainFrame〃frameborder=〃0〃scrolling=〃no〃style=〃width:100%;height:100%;〃src=〃MainFrm.html〃>〈/iframe>D)、在网页页面顶端插入一个满屏的灰色透明度50%的div层。使用该层的目的是为了突出遮盖效果，让人一看就明白灰色区域是不可操作区域E)、在网页页面顶端插入一个满屏的table，用来作为放置对话框的容器。设置其左右居中和上下居中的属性，其主要作用是用来保证消息主体能够固定于窗体的中间。F)、在容器中放入模拟弹框函数。具体实施例1:如图5-9所示，用本专利技术方法实现模拟弹框:A)、使用javaScript调用模拟弹框函数,并传入对话框参数:title, msg, alertimg，sureScript，cancelScript，width, btnSureValue, btnCancelValue其中对应定义为:title:对话框标题参数，支持HTML格式(不推荐)；msg:对话框消息内容参数，支持HTML格式；alertimg:对话框标题前面的图标参数,为空的话使用默认图标；surescript:确定脚本,为空的话只关闭对话框；cancelScript:取消脚本，为空的话无取消按钮；width:对话框宽度参数,为空的话默认宽度；btnSureValue:确定按钮文字参数；btnCancelValue:取消按钮文字参数。此步骤中传入surescript和cancelScript参数,可以模拟对话框的脚本阻断事件。代码示例: 权利要求1.一种，其特征在于:它包括步骤， A)、使用javaScript调用模拟弹框函数，并传入对话框参数； B)、在网页页面顶端插入一个满屏的Iframe； C)、在网页页面顶端插入一个满屏的灰色透明度50%的div层； D)、在网页页面顶端插入一个满屏的table，用来作为放置对话框的容器； E)、在容器中放入模拟弹框函数。2.如权利要求1所述的，其特征在于:所述步骤A中传入的对话框参数包括对话框标题参数、对话框消息内容参数、对话框标题前面的图标参数、对话框宽度参数、确定脚本、取消脚本、确定按钮文字参数及取消按钮文字参数； 所述步骤D具体包括步骤， D1)、在容器中根据对话框宽度参数插入对应宽度的table做为消息框主体，在该table插入作为标题区、消息区、按钮区的行； D2)、在标题区的行中根据对话框标题前面的图标参数插入图标，根据对话框标题参数插入标题文字； 在消息区的行中根据对话框消息内容参数放入内容； 判断传入的取消脚本，若为空则屏蔽取消按钮，在按钮区的行中根据确定按钮文字参数及取消按钮文字参数设置确定按钮和取消按钮； D3)、将确定脚本存入全局变量确定脚本中，取消脚本存入全局变量取消脚本中，等待确定按钮或取消按钮的触发； D4)、当确定按钮触发后，判断全局变量确定脚本是否为空，不为空则执行全局变量确定脚本，否则不执行操作；当取消按钮触发后，判断全局变量取消脚本是否为空，不为空则执行全局变量取消脚本，否则不执行操作。3.如权利要求1所述的，其特征在于:所述步骤A中传入的对话框参数包括打开的网页地址参数、对话框宽度参数、对话框高度参数及回值传递控件； 所述步骤D具体包括步骤， Dl)、根据对话框宽度参数及对话框高度参数插入一个对应宽度，高度的iframe，并将其地址指向打开的网页地址参数的值； D2)、当新打开的窗体关闭时，调用父窗体的包括指令字符串及动作脚本的函数使自身关闭，并传回指令字符串赋值给回值传递控件，同时父窗体执行动作脚本。4.如权利要求1-3任意一项所述的，其特征在于:所述步骤B前还包括禁用网页页面滚动条，并设置网页页面边距为O的步骤。全文摘本文档来自技高网...

【技术保护点】
一种基于Frameset的模拟浏览器对话框方法，其特征在于：它包括步骤，A）、使用javaScript调用模拟弹框函数，并传入对话框参数；B）、在网页页面顶端插入一个满屏的Iframe；C）、在网页页面顶端插入一个满屏的灰色透明度50%的div层；D）、在网页页面顶端插入一个满屏的table，用来作为放置对话框的容器；E）、在容器中放入模拟弹框函数。

【技术特征摘要】

【专利技术属性】
技术研发人员：涂凌翔，吴鸿伟，
申请(专利权)人：厦门市美亚柏科信息股份有限公司，
类型：发明
国别省市：