HTMLバックリンクを作成する方法

<a>前のWebページにリンクするタグを作成する最も簡単な方法は何ですか？基本的にはシミュレートされた戻るボタンですが、実際のハイパーリンクです。クライアント側のテクノロジーのみを使用してください。

編集
通常の静的なハイパーリンクのように、ホバリング時にクリックしようとしているページのURLを表示できるという利点があるソリューションを探しています。history.go(-1)ハイパーリンクにカーソルを合わせたときに、ユーザーに見てもらいたくありません。これまでに見つけたベストは：

<script>
  document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>

あるdocument.referrer信頼性はありますか？クロスブラウザは安全ですか？私はより良い答えを受け入れさせていただきます。

そして別の方法：

<a href="javascript:history.back()">Go Back</a>

このソリューションには、ホバー時にリンク先ページのURLを表示するという利点があります。これは、ほとんどのブラウザーがデフォルトで、代わりに、history.go(-1)または同様の方法で行うためです。

<script>
    document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>

最も簡単な方法は使用することです history.go(-1);

これを試して：

<a href="#" onclick="history.go(-1)">Go Back</a>

あなたはjavascriptを試すことができます

<A HREF="javascript:history.go(-1)">

JavaScriptの戻るボタンを参照してください

編集

参照のURLを表示するにはhttp://www.javascriptkit.com/javatutors/crossmenu2.shtml

そして、次のようにonmouseoverで要素自体を送信します

function showtext(thetext) {
  if (!document.getElementById)
    return
  textcontainerobj = document.getElementById("tabledescription")
  browserdetect = textcontainerobj.filters ? "ie" : typeof textcontainerobj.style.MozOpacity == "string" ? "mozilla" : ""
  instantset(baseopacity)
  document.getElementById("tabledescription").innerHTML = thetext.href
  highlighting = setInterval("gradualfade(textcontainerobj)", 50)
}

 <a href="http://www.javascriptkit.com" onMouseover="showtext(this)" onMouseout="hidetext()">JavaScript Kit</a>

jsfiddleをチェック

このソリューションは、両方の長所を提供します

• ユーザーがリンクにカーソルを合わせると、URLが表示されます
• ユーザーはバックスタックが破損することはありません

詳細については、以下のコードコメントを参照してください。

var element = document.getElementById('back-link');

// Provide a standard href to facilitate standard browser features such as 
//  - Hover to see link
//  - Right click and copy link
//  - Right click and open in new tab
element.setAttribute('href', document.referrer);

// We can't let the browser use the above href for navigation. If it does, 
// the browser will think that it is a regular link, and place the current 
// page on the browser history, so that if the user clicks "back" again,
// it'll actually return to this page. We need to perform a native back to
// integrate properly into the browser's history behavior
element.onclick = function() {
  history.back();
  return false;
}

<a id="back-link">back</a>

Anchor Tagを使用して前のページに戻る場合<a>、以下は2つの作業方法であり、そのうちの1つはより速く、前のページに戻ることで大きな利点があります。

私は両方の方法を試しました。

1）

<a href="#" onclick="location.href = document.referrer; return false;">Go Back</a>

上記の方法（1）は、リンクをクリックして現在のブラウザーウィンドウの新しいタブでリンクを開いた場合に適切に機能します。

2）

<a href="javascript:history.back()">Go Back</a>

上記の方法（2）は、リンクをクリックして現在のブラウザーウィンドウの現在のタブでリンクを開いた場合にのみ機能します。

新しいタブで開いているリンクがある場合は機能しません。history.back()ウェブブラウザの新しいタブでリンクを開いた場合、ここでは機能しません。

戻るリンクは、ユーザーがほとんどのブラウザーで使用できる[戻る]ボタンをクリックしたかのように、ブラウザーを1ページ後方に移動するリンクです。バックリンクはJavaScriptを使用します。ブラウザがJavaScriptをサポートしている場合はJavaScriptをサポートし、window.historyバックリンクに必要なオブジェクトをサポートしている場合は、ブラウザを1ページ戻します。

簡単な方法は

<a href="#" onClick="history.go(-1)">Go Back</a>

または：

function goBack() {
  window.history.back()
}

<a href="#" onclick="goBack()" />Go Back</a>

一般的に言えば、バックリンクは必要ありません。通常、[戻る]ボタンで十分ですが、サイトの前のページにリンクすることもできます。ただし、いくつかの「前の」ページの1つに戻るリンクを提供したい場合があるかもしれません。その場合、戻るリンクが役立ちます。より高度な方法で実行したい場合は、以下のチュートリアルを参照してください：

http://www.htmlcodetutorial.com/linking/linking_famsupp_108.html

これを試して

<a href="javascript:history.go(-1)"> Go Back </a>

<a href="#" onclick="history.back();">Back</a>

history.back()一緒document.write()に使用して、実際に戻る場所がある場合にのみリンクを表示することもできます。

<script>
  if (history.length > 1) {
    document.write('<a href="javascript:history.back()">Go back</a>');
  }
</script>

ボタンを使用する最良の方法は

<input type= 'button' onclick='javascript:history.back();return false;' value='Back'>