Implement IFRAME adaptive height using jquery

This is a simple method, and you do not need to write anything to determine the browser height and width.
You can choose one of the following two methods. One is stored on the same page as iframe, and the other is stored on the test.html page.
Be sure not to make the mistake.

IFRAMECode,Be sure to write the ID

<IFRAME src = "test.html" id = "Main" width = "700" Height = "300" frameborder = "0" scrolling = "Auto"> </iframe>

Jquery code 1:

// Note: the following code is stored in test.html for calling.
Vertex (w.w.parent.doc ument). Find ("# Main"). Load (function (){
VaR main = warn (window.parent.doc ument). Find ("# Main ");
VaR thisheight = $ (document). Height () + 30;
Main. Height (thisheight );
});

Jquery Code 2:

// Note: the following code is put on the same page as IFRAME for calling.
$ ("# Main"). Load (function (){
VaR mainheight = $ (this). Contents (). Find ("body"). Height () + 30;
$ (This). Height (mainheight );
});