iframe内のリンクで親ページのURLを変更する

iframe内のリンクで親ページのURLを変更したい時にちょっと詰まったので、やり方をメモしておきます。

サンプルコード

index.html

<iframe src="iframe.html" width="800" height="300"></iframe>

iframe.html

<p>iframeの中身です。</p>
<ul>
	<li><a href="https://cly7796.net/blog/">設定なし(iframeのURLを書き換え)</a></li>
	<li><a href="https://cly7796.net/blog/" target="_parent">親ページのURLを変更する</a></li>
	<li><a href="https://cly7796.net/blog/" target="_blank">別タブでページを開く</a></li>
</ul>

iframe内のリンクで親ページのURLを書き換えたい場合、リンクにtarget=”_parent”を設定すればOKです。
iframe内のリンクのデモページ
 

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年3月
 12
3456789
10111213141516
17181920212223
24252627282930
31