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
WBOYasal
2016-05-16 16:24:431011semak imbas

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

Kenyataan:
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