Rumah > hujung hadapan web > tutorial js > JQuery Muat semula iframe

JQuery Muat semula iframe

Joseph Gordon-Levitt
Lepaskan: 2025-03-03 00:52:11
asal
854 orang telah melayarinya

3 Coretan kod jquery mudah untuk memuatkan semula iframe dengan mengakses harta ContentWindow untuk mendapatkan objek lokasi. Kod coretan jQuery sebenarnya melonjak dan menyegarkan semua iframes pada halaman. Lihat juga:

jQuery Reload an iFrame periksa jika tetingkap berada dalam iframe

Dapatkan sumber href iframe yang disuntik JQuery Muat semula iframe

  • Soalan Lazim (Soalan Lazim) Mengenai JQuery dan Iframe Reloading
  • Apakah sintaks asas untuk memuatkan semula iframe menggunakan jQuery?
Sintaks asas untuk memuatkan semula iframe menggunakan jQuery agak mudah. Anda hanya perlu memilih iframe menggunakan ID atau kelasnya dan kemudian panggil kaedah 'ATTR' untuk menetapkan atribut 'SRC' kepada nilai semasa. Berikut adalah contoh asas:
<span>//reload 1 iframe
</span><span>$('#iframe').contentWindow.location.reload(true);
</span>
<span>//reload all iFrames
</span><span>$('iframe').each(function() {
</span>  <span>this.contentWindow.location.reload(true);
</span><span>});</span>
Salin selepas log masuk

$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src')); Barisan kod ini secara berkesan akan memuatkan semula iframe.

Bolehkah saya memuatkan semula iframe tanpa menggunakan ID atau kelasnya? Anda boleh menggunakan kaedah 'prop' untuk mendapatkan harta 'src' dari iframe dan kemudian tetapkannya ke nilai yang sama. Berikut adalah contoh:

$ ('iframe'). Prop ('src', fungsi (i, val) {return val;}); Muat semula iframe secara berkala. Berikut adalah contoh:

setInterVal (function () { $ ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src'); Apabila butang diklik?

Ya, anda boleh memuatkan semula iframe apabila butang diklik. Anda hanya perlu melampirkan pengendali acara klik ke butang dan memuatkan semula iframe di pengendali. Berikut adalah contoh:

$ ("#myButton"). Klik (fungsi () { $ ("#myiframe"). Attr ('src', $ ("#myiframe").

Bolehkah saya memuatkan semula iframe apabila borang diserahkan? Anda hanya perlu melampirkan pengendali acara hantar ke borang dan memuatkan semula iframe dalam pengendali. Berikut adalah contoh:


$ ("#myForm"). Hantar (function (e) {
e.PreVentDefault ();
$ ("#myiframe"). Id borang.

Bolehkah saya memuatkan semula iframe apabila pautan diklik?

Ya, anda boleh memuatkan semula iframe apabila pautan diklik. Anda hanya perlu melampirkan pengendali acara klik ke pautan dan memuatkan semula iframe dalam pengendali. Berikut adalah contoh:

$ ("#mylink"). Klik (fungsi (e) {
e.PreVentDefault ();
$ ("#myiframe"). ID pautan.

Bolehkah saya memuatkan semula iframe apabila halaman dimuatkan? Anda hanya perlu melampirkan pengendali acara beban ke tetingkap dan memuatkan semula iframe dalam pengendali. Inilah contoh:

$ (window) .load (function () { ("#myiframe"). Attr ('src', $ ("#myiframe"). Attr ('src'); iframe Apabila halaman dipunggah?

Ya, anda boleh memuatkan semula iframe apabila halaman dipunggah. Anda hanya perlu melampirkan pengendali acara memunggah ke tetingkap dan memuatkan semula iframe dalam pengendali. Berikut adalah contoh:


$ (window) .Unload (function () { $ ("#myiframe"). Attr ('src', $ ("#myiframe"). Muat semula iframe Apabila pengguna menatal halaman?

Ya, anda boleh memuatkan semula iframe apabila pengguna menatal halaman tersebut. Anda hanya perlu melampirkan pengendali acara tatal ke tingkap dan memuatkan semula iframe di pengendali. Berikut adalah contoh:

$ (window) .scroll (function () {
$ ("#myiframe"). Attr ('src', $ ("#myiframe"). Muat semula iframe Apabila pengguna mengubah saiz tetingkap?

Ya, anda boleh memuatkan semula iframe apabila pengguna mengubah saiz tetingkap. Anda hanya perlu melampirkan pengendali acara saiz semula ke tingkap dan memuatkan semula iframe di pengendali. Berikut adalah contoh:

$ (window) .resize (function () {
$ ("#myiframe"). Attr ('src', $ ("#myiframe").

Atas ialah kandungan terperinci JQuery Muat semula iframe. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan