Este artículo describe la solución altamente adaptable de iframe en el navegador cruzado, lo cual es muy práctico. Compártelo para su referencia. Los métodos específicos son los siguientes:
Este método utiliza jQuery, por lo que JQuery debe introducirse en la página SRC del iframe.
La página principal es relativamente simple, principalmente incluyendo el siguiente código:
<iframe id = "if1" scrolling = "no" src = "2.html"> </iframe>
El código en la página SRC de iframe es el siguiente:
<script type = "text/javascript"> function resizeContent () {$ (window.parent.document) .find ("##if1"). height ($ ("#content"). height ());} function show400 () {if ($ ("#test400"). CSS ("Display") == ") {) { $ ("#test400"). CSS ("Display", ""); resizeContent (); } else {$ ("#test400"). css ("visualización", "ninguno"); resizeContent (); }} $ (documento) .Ready (function () {resizeContent ();}) </script> <div id = "izquierda111"> <div onclick = "test400 ()"> </div> <div> <a href = "productList.html"> hyperlink </aa> </div> <div> <a a href = "ProductCategory.html"> Hyperlink </a> </div> <div> <a href = "ProductCategory.html"> Hyperlink </a> </div> <div> <a href = "ProductCategory.html"> Hyperlink </a> </div> <iv id = "test400" style="display:none;height:400px;"></div> <div><a href="Orders.html">Hyperlink</a></div> <div><a href="Keywords.html">Hyperlink</a></div> <div><a href="#">Hyperlink</a></div> <div><a href = "#"> Hyperlink </a> </div> <iv> <a href = "#"> Hyperlink </a> </div> <div> <a href = "#"> Hyperlink </a> </div> <iv> <a href = "#"> Hyperlink </a> </iv> <iv> href = "#"> Hyperlink </a> </div> <Br/> </div>Notas:
Adentro
$ (Window.Parent.Document) .Find ("#if1"). Height ($ ("#Content"). Height ());Esta oración fue originalmente:
$ (window.parent.document) .find ("#if1"). altura ($ (documento) .Height ());Se puede lograr la altura adaptativa, pero no se puede lograr la adaptación de escala. Debido a que la altura del documento es la altura más alta que se ha mostrado, si hace clic para expandirse aquí, el iframe no se encogerá, pero solo mostrará la altura más alta que se ha mostrado .
Así que aquí necesitamos usar un contenedor de capa principal, es decir, el último código. Esto permite la adaptabilidad.
Creo que la descripción en este artículo tiene cierto valor de referencia para la programación jQuery de todos.