hujung hadapan web
tutorial js
Bagaimana untuk Melaraskan Ketinggian iFrame secara Dinamik dengan JavaScript?
Bagaimana untuk Melaraskan Ketinggian iFrame secara Dinamik dengan JavaScript?
Dec 31, 2024 am 01:32 AM
Gunakan JavaScript untuk Melaraskan Ketinggian iFrame Secara Dinamik
Dalam usaha untuk menghapuskan keperluan untuk bar skrol dan mencipta iframe responsif yang menyesuaikan diri dengan kandungannya , pertimbangkan untuk menggunakan penyelesaian berikut:
Ketua Bahagian Pengubahsuaian:
Perkenalkan skrip berikut pada <head> bahagian halaman web anda:
<script>
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
}
</script>Pengubahsuaian iFrame:
Ubah suai kod iframe anda seperti berikut:
<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />
Fungsi JavaScript ini mendapatkan semula ketinggian dokumen kandungan iframe dan tetapkan ketinggian iframe sewajarnya. Apabila iframe mula-mula dimuatkan atau apabila kandungannya berubah, fungsi resizeIframe dicetuskan, memastikan ketinggian iframe sentiasa selari dengan kandungannya.
Atas ialah kandungan terperinci Bagaimana untuk Melaraskan Ketinggian iFrame secara Dinamik dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Artikel Panas
Alat panas Tag
Artikel Panas
Tag artikel panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Ganti aksara rentetan dalam javascript
Mar 11, 2025 am 12:07 AM
Ganti aksara rentetan dalam javascript
jQuery mendapatkan padding/margin elemen
Mar 01, 2025 am 08:53 AM
jQuery mendapatkan padding/margin elemen
HTTP Debugging dengan Node dan HTTP-Console
Mar 01, 2025 am 01:37 AM
HTTP Debugging dengan Node dan HTTP-Console
Tutorial Persediaan API Carian Google Custom
Mar 04, 2025 am 01:06 AM
Tutorial Persediaan API Carian Google Custom
