ちょっとだけ賢い「戻る」ボタン

サイト(例:yamnor.me)内のあるページを表示しているとき、そのページにサイトの外部から辿り着いていた場合、「戻る」をクリックすると、サイトのトップページに移動します。サイトの他のページからそのページにアクセスしていた場合、「戻る」をクリックすると、1つ前のページに戻ります。

<script type="text/javascript">
  if (document.referrer.indexOf("yamnor.me") == -1) {
    document.write("<a href='/'>戻る</a>");
  } else {
    document.write("<a href='javascript:history.back();'>戻る</a>");
  }
</script>

参照元(どこからそのページに辿り着いたのか)は、 document.referrer プロパティで取得。

Posted :