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内のリンクのデモページ
　

【参考サイト】

• 新着情報を iframe で表示したらリンク先がフレーム内に表示されてしまいます – CMS「すぐ使えるCGI」