Saya perlu membuka tautan di halaman induk yang sama, alih-alih membukanya di halaman baru.
catatan: Halaman iframe
dan induk adalah domain yang sama .
html
iframe
hyperlink
html-target
Haim Evgi
sumber
sumber
Jawaban:
Saya menemukan solusi terbaik adalah dengan menggunakan tag dasar . Tambahkan yang berikut ini ke kepala halaman di iframe:
Ini akan memuat semua tautan pada halaman di jendela induk. Jika Anda ingin tautan Anda dimuat di jendela baru, gunakan:
Tag ini didukung penuh di semua browser.
sumber
<base target>
harus datang sebelum<a href>
, karena itu menetapkan konteks penelusuran default untuk tautan berikut;<base href>
harus muncul sebelum referensi URL apa pun (<* href>
<* src>
<form action>
<object data>
...) karena ia menetapkan URL dasar yang dibandingkan dengan URL relatif yang diselesaikan.<base
tag tidak memiliki penutup sesuai dengan spesifikasi w3.org/TR/html5/document-metadata#the-base-element jadi seharusnya<base target="_parent" >
Gunakan atribut-target:
sumber
<base target="_blank">
ok, tapi pertanyaannya di sini adalah tentang satu tautan, bukan tentang mengubah perilaku semua tautan di iframe. Bagi saya ini adalah jawaban yang benar.Dengan JavaScript:
sumber
Anda dapat menggunakan opsi apa saja
dalam hal hanya halaman induk:
jika Anda ingin membuka semua tautan ke halaman induk atau iframe induk, maka Anda menggunakan kode berikut di bagian kepala iframe:
<base target="_parent" />
ATAU
jika Anda ingin membuka tautan tertentu ke halaman induk atau iframe induk, maka Anda menggunakan cara berikut:
ATAU
dalam kasus iframe bersarang:
Jika ingin membuka semua tautan ke jendela browser (redirect di url browser), maka Anda menggunakan kode berikut di bagian kepala iframe:
ATAU
jika Anda ingin membuka tautan tertentu ke jendela browser (redirect di url browser), maka Anda menggunakan cara berikut:
atau
sumber
Ada elemen HTML yang disebut
base
yang memungkinkan Anda untuk:Dengan menentukan
_blank
Anda memastikan semua tautan di dalam iframe akan dibuka di luar.sumber
Seperti yang disebutkan, Anda bisa menggunakan atribut target, tetapi secara teknis tidak digunakan lagi dalam XHTML. Itu membuat Anda menggunakan javascript, biasanya sesuatu seperti
parent.window.location
.sumber
target
atribut tidak lagi ditinggalkan .Coba
target="_parent"
atribut di dalamanchor tag
.sumber
Jika Anda menggunakan iframe di halaman web Anda, Anda mungkin mengalami masalah saat mengubah seluruh halaman melalui hyperlink HTML (anchor tag) dari iframe. Ada dua solusi untuk mengatasi masalah ini.
Solusi 1. Anda dapat menggunakan atribut target dari tag anchor seperti yang diberikan dalam contoh berikut.
Solusi 2. Anda juga dapat membuka halaman baru di jendela induk dari iframe dengan JavaScript.
Ingat ⇒
target="_parent"
telah usang dalam XHTML, tetapi masih didukung dalam HTML 5.x.Lebih banyak dapat dibaca dari tautan berikut http://www.kriblog.com/html/link-of-iframe-open-in-the-parent-window.html
sumber
Solusi yang paling serbaguna dan paling lintas-browser adalah untuk menghindari penggunaan tag "base", dan alih-alih menggunakan atribut target dari tag "a":
Itu
<base>
tag kurang fleksibel dan browser tidak konsisten dalam persyaratan mereka untuk penempatannya dalam dokumen, membutuhkan lebih cross-browser pengujian. Tergantung pada proyek dan situasi Anda, mungkin sulit atau bahkan sama sekali tidak layak untuk mencapai penempatan<base>
tag lintas-browser yang ideal .Melakukan ini dengan
target="_parent"
atribut<a>
tag tidak hanya lebih ramah browser, tetapi juga memungkinkan Anda untuk membedakan antara tautan yang ingin Anda buka di iframe, dan yang ingin Anda buka di induknya.sumber
<a target="parent">
akan membuka tautan di tab / jendela baru ...<a target="_parent">
akan membuka tautan di jendela induk / saat ini, tanpa membuka tab / jendela baru. Don't_forget_that_underscore!sumber
Yah aku temukan
Ini berguna untuk membuka semua tautan iframe yang terbuka di iframe.
Dan
Ini dapat kita gunakan untuk seluruh halaman atau bagian tertentu dari halaman.
Terima kasih atas bantuan Anda.
sumber
Mencoba
target="_top"
sumber
"_top"
sama dengan"_parent"
?sumber