サイト制作に関するメモ書き

HOME > HTML・CSS > iframe内のリンクで親ページのURLを変更する

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

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

サンプルコード

index.html

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

iframe.html

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

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

【参考サイト】

 

コメントを残す

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

▲PAGE TOP