跨域页面显示控制方法及装置制造方法及图纸

本发明专利技术公开了一种跨域页面显示控制方法及装置，该方法包括：在第一页面中加载用于加载第二域中的第二页面的加载框，并将第一页面所在的域通告给第二页面脚本；在第二页面中加载用于加载第一域中的中介页面的中介框，根据第一页面所在的域构造中介页面的URL；将URL设置为中介框的地址属性，并将第二页面的尺寸参数通告给第一域中的中介页面脚本；中介页面脚本初始化，将第二页面的尺寸参数与加载框的尺寸参数进行比较，当第二页面的尺寸参数大于加载框的对应尺寸参数时，调整加载框的尺寸与第二页面的尺寸相同。通过中间页面控制跨域页面的加载框的大小调整，避免了加载框和被加载非本域页面的大小不一致时的显示错误问题。

【技术实现步骤摘要】

本专利技术涉及网络
，尤指一种跨域页面显示控制方法及装置。
技术介绍
在页面(Web)应用中，页面中各种元素的交互控制是极其常见的，例如一个按钮控制一个输入框的内容等。但是出于安全性的考虑，隶属于不同域的两个页面不能实现交互的访问控制。例如如图1所示，页面A属于域(domain) 1，在页面A中有一个框(iframe)l，框 (iframe) 1中加载页面B，页面B属于域(domain) 2。在这种情况下，由于浏览器跨域操作控制的限制，页面B无法访问控制归属于域(domain) 1的框(iframe) 1的高度/宽度(参考附图1箭头1所示)，如果页面B的实际高度/宽度与框(iframe) 1的高度/宽度不相匹配，则会导致页面B在框(iframe) 1中的显示错误，尤其是当页面B的实际高度/宽度超出框(iframe) 1的高度/宽度时，在框(iframe) 1中无法完全显示页面B。可见，由于页面的跨域访问控制的限制，会出现页面在其他域中的页面内显示时， 由于页面的高度/宽度和其他域中的加载该页面的加载框的高度/宽度不匹配，而不能按照正常的高度和宽度显示，更有甚者，可能会出现不能正常显示的问题。
技术实现思路
本专利技术实施例提供一种跨域页面显示控制方法及装置，用以解决现有跨域页面显示时存在的不能按正常的大小显示或不能正常显示的问题。一种跨域页面显示控制方法，包括第一域中的第一页面脚本初始化，在第一页面中加载用于加载第二域中的第二页面的加载框，并将第一页面所在的域通告给第二域中的第二页面脚本；第二页面脚本初始化，在第二页面中加载用于加载第一域中的中介页面的中介框，根据第一页面所在的域构造中介页面的统一资源定位符URL ；将构造的URL设置为中介框的地址属性，并将第二页面的尺寸参数通告给第一域中的中介页面脚本；中介页面脚本初始化，将第二页面的尺寸参数与加载框的尺寸参数进行比较，当第二页面的尺寸参数大于加载框的对应尺寸参数时，调整加载框的尺寸与第二页面的尺寸相同。一种跨域页面显示控制系统，包括第一域服务器和第二域服务器；所述第一域服务器中存储第一页面脚本模块和第三页面脚本模块，所述第二域服务器中存储第二页面脚本模块；所述第一页面脚本模块，用于在第一页面中加载用于加载第二域中的第二页面的加载框，并将第一页面所在的域通告给第二域中的第二页面脚本模块；所述第二页面脚本模块，用于在第二页面中加载用于加载第一域中的中介页面的中介框，根据第一页面所在的域构造中介页面的统一资源定位符URL ；将构造的URL设置为中介框的地址属性，并将第二页面的尺寸 参数通告给第一域中的中介页面脚本；所述中介页面脚本模块，用于将第二页面的尺寸参数与加载框的尺寸参数进行比较，当第二页面的尺寸参数大于加载框的对应尺寸参数时，调整加载框的尺寸与第二页面的尺寸相同。一种域服务器，包括所述第一页面脚本模块，用于在第一页面中加载用于加载其他域中的第二页面的加载框，并将第一页面所在的域通告给所述其他域中的第二页面脚本模块；所述中介页面脚本模块，用于接收第二页面脚本模块发送的第二页面的尺寸参数，其中，第二页面脚本模块在第二页面中加载用于加载第一域中的中介页面的中介框，并根据第一页面所在的域构造介页面的统一资源定位符URL设置为中介框的地址属性；以及将第二页面的尺寸参数与加载框的尺寸参数进行比较，当第二页面的尺寸参数大于加载框的对应尺寸参数时，调整加载框的尺寸与第二页面的尺寸相同。一种域服务器，包括第二页面脚本模块，用于在其他域中的第一页面中加载用于加载本域域中的第二页面的加载框后，在第二页面中加载用于加载其他域中的中介页面的中介框，根据其他域的第一页面脚本模块通告的第一页面脚本模块所在的域构造中介页面的统一资源定位符 URL ；将构造的URL设置为中介框的地址属性，并将第二页面的尺寸参数通告给所述其他域中的中介页面脚本。本专利技术有益效果如下本专利技术实施例提供的跨域页面显示控制方法及装置，通过设置一个与第二页面同属于一个域的中介框和一个与第一页面同属于一个域的中介页面，通过第二页面与中介页面之间的参数传递，实现由中介页面控制同属于一个域的加载框的大小，使得加载框能根据被加载的第二页面的大小进行调整，改变尺寸，该方法实现间接的控制隶属与不同域的页面的加载和加载框的大小调整，从而解决了隶属于不同域的两个页面不能互相访问的问题，达到了跨域控制加载框的大小，以便实现最佳的显示效果，完整的显示被加载的页面， 避免了跨域显示页面时存在的，无法显示，和显示效果不佳的问题。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本专利技术的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中图1为现有技术中跨域显示页面的原理示意图；图2为本专利技术实施例中跨域页面显示控制方法的流程图；图3为本专利技术实施例中跨域页面显示的原理示意图；图4为本专利技术实施例中跨域页面显示控制系统的结构示意图；图5为本专利技术实施例中第一域服务器的结构示意图；图6为本专利技术实施例中第二域服务器的结构示意图。具体实施例方式为了使本专利技术所要解决的技术问题、技术方案及有益效果更加清楚、明白，以下结合附图和实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本专利技术实施例提供的跨域页面显示控制方法，用于网页应用中，跨域场景下的框高度和宽度的控制。其流程如图2所示，其原理如图3所示，该方法包括如下步骤步骤Sll 第一域中的第一页面脚本初始化，在第一页面中加载用于加载第二域中的第二页面的加载框，将第一页面所在的域通告给第二域中的第二页面脚本。例如如图3中所示的，域(domain) 1中的页面A(即第一页面)的脚本初始化， 在页面A中加载用于加载页面B(即第二页面)的加载框(iframe)l，该加载框属于域 (domain) 1，页面B属于域(domain) 2，通过执行页面A的脚本实现将页面A所在的域通告给页面B的脚本，具体通过参数传递的方式通告给页面B的脚本。步骤S12 第二页面脚本初始化，获取第一页面脚本传递的第一页面所在的域的相关信息。沿用上边的例子，页面B的脚本初始化，获取页面A的脚本传递的页面A所在的域的相关信息，具体通过参数传递的方式获取。步骤S13 根据第一页面所在的域构造中介页面的统一资源定位符(Uniform/ Universal Resource Locator, URL) 0沿用上边的例子，根据页面A所在的域，构造中介页面(页面C)的URL。步骤S14:将构造的URL设置为中介框的地址属性，在第二页面中加载用于加载第一域中的中介页面的中介框，并将第二页面的尺寸参数通告给第一域中的中介页面脚本。优选的，将第二页面的尺寸参数通告给第一域中的中介页面脚本，具体可以是第二页面脚本获取第二页面的高度和宽度，将第二页面的实际高度和实际宽度通告给第一域中的中介页面脚本。将构造的URL设置为中介框的地址属性，即设置为SRC属性，其中，在HTML中的 SRC表示之后要引用的资源的地址，如<img src = “ l.jpg />。沿用上边的例子，页面B的脚本加载框(iframe) 2，将框2的SRC属性设置为页面本文档来自技高网...

【技术保护点】
１．一种跨域页面显示控制方法，其特征在于，包括：第一域中的第一页面脚本初始化，在第一页面中加载用于加载第二域中的第二页面的加载框，并将第一页面所在的域通告给第二域中的第二页面脚本；第二页面脚本初始化，在第二页面中加载用于加载第一域中的中介页面的中介框，根据第一页面所在的域构造中介页面的统一资源定位符ＵＲＬ；将构造的ＵＲＬ设置为中介框的地址属性，并将第二页面的尺寸参数通告给第一域中的中介页面脚本；中介页面脚本初始化，将第二页面的尺寸参数与加载框的尺寸参数进行比较，当第二页面的尺寸参数大于加载框的对应尺寸参数时，调整加载框的尺寸与第二页面的尺寸相同。

【技术特征摘要】
1.一种跨域页面显示控制方法，其特征在于，包括第一域中的第一页面脚本初始化，在第一页面中加载用于加载第二域中的第二页面的加载框，并将第一页面所在的域通告给第二域中的第二页面脚本；第二页面脚本初始化，在第二页面中加载用于加载第一域中的中介页面的中介框，根据第一页面所在的域构造中介页面的统一资源定位符URL ；将构造的URL设置为中介框的地址属性，并将第二页面的尺寸参数通告给第一域中的中介页面脚本；中介页面脚本初始化，将第二页面的尺寸参数与加载框的尺寸参数进行比较，当第二页面的尺寸参数大于加载框的对应尺寸参数时，调整加载框的尺寸与第二页面的尺寸相同。2.如权利要求1所述的方法，其特征在于，还包括当第二页面的尺寸参数小于加载框的对应尺寸参数时，调整加载框的尺寸与第二页面的尺寸相同。3.如权利要求2所述的方法，其特征在于，所述将第二页面的尺寸参数通告给第一域中的中介页面脚本，具体包括将第二页面的实际高度和实际宽度通告给第一域中的中介页面脚本。4.如权利要求3所述的方法，其特征在于，所述将第二页面的尺寸参数与加载框的尺寸参数进行比较，具体包括将第二页面的实际高度和实际宽度，分别与加载框的高度和宽度进行比较；所述当第二页面的尺寸参数大于或小于加载框的对应尺寸参数时，调整加载框的尺寸与第二页面的尺寸相同，具体包括若第二页面的实际高度大于或小于加载框的高度时，调整加载框的高度与第二页面的实际高度相同；和/或若第二页面的实际宽度大于或小于加载框的宽度时，调整加载框的宽度与第二页面的实际宽度相同。5.一种跨域页面显示控制系统，其特征在于，包括第一域服务器和第二域服务器；所述第一域服务器中存储第一页面脚本模块和第三页面脚本模块，所述第二域服务器中存储第二页面脚本模块；所述第一页面脚本模块，用于在第一页面中加载用于加载第二域中的第二页面的加载框，并将第一页面所在的域通告给第二域中的第二页面脚本模块；所述第二页面脚本模块，用于在第二页面中加载用于加载第一域中的中介页面的中介框，根据第一页面所在的域构造中介页面的统一资源定位符URL ；将构造的URL设置为中介框的地址属性，并将第二页面的尺寸参数通告给第一域中的中介页面脚本；所述中介页面脚本模块，用于将第二页...

【专利技术属性】
技术研发人员：李锋，
申请(专利权)人：中兴通讯股份有限公司，
类型：发明
国别省市：94