Artikel ini menjelaskan solusi IFRAME yang sangat mudah beradaptasi di cross-browser, yang sangat praktis. Bagikan untuk referensi Anda. Metode spesifiknya adalah sebagai berikut:
Metode ini menggunakan jQuery, jadi jQuery perlu diperkenalkan ke halaman SRC iframe.
Halaman induk relatif sederhana, terutama termasuk kode berikut:
<iframe id = "if1" scrolling = "no" src = "2.html"> </iframe>
Kode di halaman SRC IFRAME adalah sebagai berikut:
<script type = "text/javaScript"> function resizeContent () {$ (window.parent.document) .find ("#if1"). height ($ ("#content"). height ());} function show400 () {if ($ ("#test400"). $ ("#test400"). CSS ("display", ""); ressizeContent (); } else {$ ("#test400"). css ("display", "none"); ressizeContent (); }} $ (dokumen) .ready (function () {resizeContent ();}) </script> <div id = "left111"> <div onclick = "test400 ()"> </div> <v> <a href = "ProductList.html"> hyperlink </v> </div> <a a href = " href = "ProductCategory.html"> hyperlink </a> </div> <ver> <a href = "ProductCategory.html"> hyperlink </a> </div> <v> <a href = "ProductCategory.html"> Hyperlink </a> </Div> <"div =" test400 "> hyperlink </a> </div> </div =" test400 "> hyperlink </a> </div> </div =" test400 "> hyperlink </a> </div> </div =" test400 "> hyperlink </a> </div> </div =" Test style = "display: none; tinggi: 400px;"> </div> <v div> <a href = "orders.html"> hyperlink </a> </div> <div> <a href = "kata kunci. href = "#"> hyperlink </a> </div> <div> <a href = "#"> hyperlink </a> </div> <div> <a href = "#"> hyperlink </a> </div> <div> <a href = "#"> hyperlink </a> </div> <a href = "#" /> </div>Catatan:
Di dalam
$ (window.parent.document) .find ("#if1"). height ($ ("#content"). height ());Kalimat ini awalnya:
$ (window.parent.document) .find ("#if1"). tinggi ($ (dokumen) .height ());Tinggi adaptif dapat dicapai, tetapi penskalaan adaptasi tidak dapat dicapai. Karena ketinggian dokumen adalah ketinggian tertinggi yang telah ditampilkan, jika Anda mengklik untuk memperluas di sini, iframe tidak akan menyusut, tetapi hanya akan menampilkan ketinggian tertinggi yang telah ditampilkan .
Jadi di sini kita perlu menggunakan wadah lapisan induk, yaitu kode terbaru. Ini memungkinkan kemampuan beradaptasi.
Saya percaya bahwa deskripsi dalam artikel ini memiliki nilai referensi tertentu untuk pemrograman jQuery semua orang.