[javascript] HTML 뒤로 링크를 만드는 방법?

<a>이전 웹 페이지로 연결 되는 태그 를 만드는 가장 간단한 방법은 무엇입니까 ? 기본적으로 시뮬레이션 된 뒤로 버튼이지만 실제 하이퍼 링크입니다. 클라이언트 측 기술 만 해당하십시오.

편집
일반 정적 하이퍼 링크처럼 마우스를 가져갈 때 클릭하려는 페이지의 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>

스 니펫 확장

답변

이 솔루션은 대부분의 브라우저가 기본적으로 history.go(-1)또는 이와 유사한 방식으로 링크 된 페이지의 URL을 호버에 표시하는 이점이 있습니다 .

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

답변

가장 쉬운 방법은 history.go(-1);

이 시도:

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

스 니펫 확장

답변

당신은 자바 스크립트를 시도 할 수 있습니다

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

JavaScript 뒤로 버튼 참조

편집하다

http://www.javascriptkit.com/javatutors/crossmenu2.shtml의 URL을 표시하려면

다음과 같이 요소를 마우스로 보내십시오.

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>

스 니펫 확장

답변

앵커 태그를 사용하여 이전 페이지로 돌아가는를 들어 <a>, 아래의 두 작업 방법은 그들 중 첫째 하나 입니다 빨리 와 가지고 하나의 큰 장점은 이전 페이지로 되돌아가는에.

두 가지 방법을 모두 시도했습니다.

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

위의 방법 (1)은 링크를 클릭하고 현재 브라우저 창의 새 탭 에서 링크를 연 경우 효과적 입니다.

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

위의 방법 (2)는 링크를 클릭하고 현재 브라우저 창의 현재 탭 에서 링크를 연 경우에만 작동합니다 .

새 탭에 링크가 열려 있으면 작동하지 않습니다. 여기 history.back()링크가 웹 브라우저의 새 탭에서 열 경우 작동하지 않습니다.

답변

뒤로 링크는 사용자가 대부분의 브라우저에서 사용 가능한 뒤로 단추를 클릭 한 것처럼 브라우저를 한 페이지 뒤로 이동시키는 링크입니다. 뒤로 링크는 JavaScript를 사용합니다. 브라우저가 JavaScript를 지원하고 (지원하는) window.history객체를 지원하는 경우 뒤로 링크에 필요한 경우 브라우저를 한 페이지 뒤로 이동합니다 .

간단한 방법은

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

또는:

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

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

스 니펫 확장

일반적으로 뒤로 링크는 필요하지 않습니다. 뒤로 단추는 일반적으로 매우 훌륭하며 일반적으로 사이트의 이전 페이지로 간단히 링크 할 수도 있습니다. 그러나 때로는 여러 개의 “이전”페이지 중 하나에 대한 링크를 제공하고자 할 수도 있는데,이 부분에서 뒤로 링크가 편리합니다. 더 고급 방식으로 수행하려면 아래 자습서를 참조하십시오.

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