Este artigo descreve a solução altamente adaptável do IFRAME no navegador cruzado, o que é muito prático. Compartilhe para sua referência. Os métodos específicos são os seguintes:
Este método usa jQuery, então o jQuery precisa ser introduzido na página SRC do iframe.
A página pai é relativamente simples, incluindo principalmente o seguinte código:
<iframe id = "if1" scrolling = "no" src = "2.html"> </frame>
O código na página SRC do iframe é o seguinte:
<script type = "text/javascript"> function resizeContent () {$ (window.parent.document) .find ("#if1"). altura ($ ("#content"). height ());} função show400 () {if ($ ("#test400"). $ ("#test400"). css ("display", ""); ResizeContent (); } else {$ ("#test400"). css ("display", "nenhum"); ResizeContent (); }} $ (document) .ready (function () {resizeContent ();}) </sCript> <div id = "left111"> <div onclick = "test400 ()"> </div> <div> <a href = "productList.html"> hiperlink </a> </div> <iv> href = "ProductCategory.html"> hyperlink </a> </div> <div> <a href = "ProductCategory.html"> hyperlink </a> </div> <div> <a href = "productcategy.html test hyperlink </a> style = "Display: Nenhum; altura: 400px;"> </div> <div> <a href = "orders.html"> hyperlink </a> </div> <div> <a href = "Keywords.html"> hyperlink </a> </div> <dra <a href =# href = "#"> hyperlink </a> </div> <div> <a href = "#"> hiperlink </a> </div> <div> <a href = "#"> hyperlink </a> </niv> <div> <a href = "#"> hiperlink </a> href = "#"> hyperlink </a> </div> <r/> </div>Notas:
Dentro
$ (window.parent.document) .find ("#if1"). altura ($ ("#content"). altura ());Esta frase foi originalmente:
$ (window.parent.document) .find ("#if1"). altura ($ (document) .Height ());A altura adaptativa pode ser alcançada, mas a adaptação em escala não pode ser alcançada. Como a altura do documento é a altura mais alta que foi exibida, se você clicar para expandir aqui, o iframe não encolherá, mas exibirá apenas a altura mais alta que foi exibida .
Então, aqui precisamos usar um contêiner de camada pai, ou seja, o código mais recente. Isso permite a adaptabilidade.
Acredito que a descrição deste artigo tenha um certo valor de referência para a programação jQuery de todos.