The iframe sub-page operates the parent page and achieves the effect of blocking the page pop-up layer_HTML/Xhtml_Web page production

Question: In index.html, iframe introduces son.html. How to click an operation in son.html to block the entire page and pop up the layer to be displayed?
Preparation: index.html son.html
Ideas:
1: Introduce son.html into iframe in index.html,

Copy Code

The code is as follows:

Two: Add a shielding layer and a content display layer to the body part of index.html

Copy code

The code is as follows:

Three: Set the div style in index.html and implement the method of opening and closing the layer

Copy code

The code is as follows:

Four: An operation in son.html calls the parent page method

Copy the code

The code is as follows:

View