Cross-domain IFRAME height adaption method based on message transmission and system thereof

Abstract

The invention discloses a cross-domain IFRAME height adaption method based on message transmission and a system thereof. The method comprises following steps: whether the current page is a subpage embedded in another parent page or not is detected, if the current page is a subpage embedded in another parent page, the subpage content height value of the current subpage is obtained; the obtained subpage content height value is sent to a corresponding parent page in the form of messages; the parent page receives the subpage content height value, corresponding IFRAME of the subpage in the parent page is searched according to the message source; the height value of corresponding IFRAME in the parent page is updated by the parent page according to the subpage content height value in the subpage content height message. According to the method, the subpage directly sends the subpage content height value in the form of messages to the parent page, and the parent page updates the corresponding IFRAME height value according to the received subpage content height value; there is no need to add IFRAME as message transit to the subpage so that the memory occupation of a browser is low; according to the method and the system, no server is related so that server resource is saved.

Description

technical field [0001] The invention relates to the technical field of web page development, in particular to a message transmission-based cross-domain IFRAME highly self-adaptive method and system thereof. Background technique [0002] The existing technology mainly relies on embedding the same-domain IFRAME page (A2) in the cross-domain IFRAME page (B), passing the height of page B to A2 through URL parameters, and then updating the height of the IFRAME where page B is located on page A2, usually specific The method is: by setting a transit page a under domain A, it is embedded in page b under nested domain B, and page b is embedded in the main interface m under domain A. When the browser visits page m, it loads page b, triggers the onload event of page b to obtain the height of its own page, then page b loads page a, and assigns its height as a parameter to the location object of page a, and page a is The height of page b can be obtained through location.hash. [0003] ...

AI Technical Summary

Problems solved by technology

[0004] (1) The efficiency of using nested IFRAME is low, one IFRAME is equivalent to a complete page, and the memory usage of the browser is high;

[0005] (2) Each time the height is set, a request is actually sent to the background server. IFRAME height self-adaptation belongs to the logic of the foreground. This kind of request that does not access the back-end data is a waste of server resources;

[0007] (4) When the pages with multiple domains need to embed the B domain page, it needs to be reconfigured for each domain, and the embedded IFRAME of each domain will be added to the B domain page, which is more inefficient

Images