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

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

DDD
DDDasal
2024-10-26 18:11:30750semak imbas

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>
  • Ubah Hala Induk IFrame:

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

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>

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!

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