Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh mengubah hala tetingkap induk daripada iFrame menggunakan JavaScript?

Bagaimanakah saya boleh mengubah hala tetingkap induk daripada iFrame menggunakan JavaScript?

DDD
Lepaskan: 2024-10-26 18:11:30
asal
813 orang telah melayarinya

How can I redirect the parent window from an iFrame using JavaScript?

Mengubah hala Tetingkap Induk daripada iFrame

Dengan kehadiran iFrame yang dibenamkan dalam tetingkap induk, keperluan mungkin timbul untuk mengubah hala induk lokasi tetingkap ke URL baharu. Untuk mencapai matlamat ini, JavaScript menawarkan penyelesaian yang mudah.

Menggunakan JavaScript untuk Mengubah Hala Tetingkap Induk

Dalam kod JavaScript iFrame anda, anda boleh menggunakan kaedah berikut:

  • Ubah Hala Induk Paling Teratas IFrame:

    <code class="javascript">window.top.location.href = "http://www.example.com";</code>
    Salin selepas log masuk
  • Ubah Hala Induk IFrame:

    <code class="javascript">window.parent.location.href = "http://www.example.com";</code>
    Salin selepas log masuk

Coretan kod ini akan mengarahkan iFrame induk masing-masing (paling teratas atau segera) untuk mengubah hala ke URL yang ditentukan.

Contoh HTML untuk IFrame dengan Hiperpautan

<code class="html"><iframe src="iframe.html"></iframe>

<a href="#" onclick="window.parent.location.href = 'http://www.example.com'">Click Here to Redirect Parent IFrame</a></code>
Salin selepas log masuk

Dengan mengklik hiperpautan dalam iFrame, tetingkap induk akan diubah hala ke URL yang ditentukan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengubah hala tetingkap induk daripada iFrame menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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