Iframe practical operations

Iframe height is set to the height of the Child page
Copy codeThe Code is as follows:
// Jquery is required
$ (Document). ready (function (){
Parent.doc ument. getElementById ("ifPage"). style. height = document. body. scrollHeight + "px ";
});

Iframe highly adaptive to the parent page
Copy codeThe Code is as follows:
// Jquery is required
$ (Window). resize (function (){
Var webheight = document. body. clientHeight-X; // X indicates the height to be subtracted, for example, the height of the top navigation bar.
$ ("# IfPage"). attr ("style", "height:" + webheight + "px ;");
});
$ (Window). load (function (){
Var webheight = document. body. clientHeight-105;
$ ("# IfPage"). attr ("style", "height:" + webheight + "px ;");
});

Transfer elements between parent and child pages
The parent page obtains the data in the Child page. JS code:
Copy codeThe Code is as follows:
// Obtain the object based on the iframe id
Var i1 = window. frames ['iframeid'];
// Var iframe = window. frames [0]; or
// Obtain the element value in iframe
Var valpolici1.doc ument. getElementById ("t1"). value

The child page obtains data from the parent page. JS code:
Copy codeThe Code is as follows:
Var val = parent.doc ument. getElementById ("txt1 ");

Transmission between subpages and subpages. JS code:
Copy codeThe Code is as follows:
Var i1 = parent. window. frames ['iframeid'];
Var val = i1.document. getElementById ("text1"). value;

Refresh parent page
Copy codeThe Code is as follows:
Function parentReload () {window. parent. location. reload ();}

Reload the subpage
Copy codeThe Code is as follows:
Iframe. Attributes ["Src"] = "ItemTQEditorPage. aspx ";