インラインフレームの中のボタンをクリックしてフレームの外のページの一番上を表示させる

index.html

<div id="block_footer" class="background">
<iframe src="footer.html" name="ifr_footer" id="ifr_footer" title="フッター"></iframe>
</div>

footer.html

<a href="javascript:location.href=location.href;" title="一番上に戻る" target="_top"><img src="img/totop.png" width="36" height="36" alt="一番上に戻る" /></a>

インラインフレームの中でなければ <a href="#top">とでもすれば良いのだろうけれど、インラインフレームの中ではインラインフレームのsrc#topに飛んでしまうらしいので使えない。

「target="_top"」は親フレームに表示させるらしい。

"javascript:location.href=location.href;"は再読込の代わりで、正規の方法ではなく思いついてscriptを使用している。ただ、再読込でも同じかもしれないが、ブラウザに「以前の表示した場所を表示する」なんてお節介な仕様があると再読込してもページの一番上を表示しないかもしれない。インラインフレームの内側からフレームの外の親フレームのページの一番上を表示させる方法は、ちゃんと確認する必要がある。

ページのトップに戻るボタンをjavascriptでjQueryで表示させる方法はあるけれど、面倒なので確認してない。<a href="#top">に匹敵する単純な方法を求めている。

2021/4/20 14:30頃記載。