Rumah > hujung hadapan web > tutorial js > Menggunakan javascript untuk melaksanakan kemahiran adaptive height_javascript Iframe

Menggunakan javascript untuk melaksanakan kemahiran adaptive height_javascript Iframe

WBOY
Lepaskan: 2016-05-16 16:24:43
asal
997 orang telah melayarinya

Kaedah 1:

Salin kod Kod adalah seperti berikut:

$(window.parent.document).find("#ContentIframe").load(function() {
                    var main = $(window.parent.document).find("#ContentIframe");
                    var thisheight = $(document).height();
Jika (ketinggian ini < 800)
Ketinggian ini = 800;
                         ketinggian utama(ketinggian ini);
                });

Cara penulisan ini hanya boleh menyesuaikan ketinggian elemen inheren semasa memuatkan apabila elemen berubah (seperti menambah banyak elemen dan ketinggian berubah), ketinggian iframe bagi bentuk induk tidak boleh diubah mengikut masa.

Kaedah 2:

Salin kod Kod adalah seperti berikut:

fungsi setMainHeight() {

var utama = $(window.parent.document).find("#ContentIframe");
var thisheight = $("badan").height();
Jika (tinggi ini < 800) { ketinggian ini = 800 }
Ketinggian utama(tinggi ini 50);
 
setTimeout(setMainHeight, 2000);
}

Tambah pemasa untuk tinjauan pendapat untuk menentukan perubahan ketinggian subhalaman.

Kedua-dua dua di atas boleh menjadi iframe untuk mencapai kebolehsuaian yang tinggi Rakan-rakan, jangan ragu untuk memilih mengikut keperluan projek anda sendiri

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan