[javascript] HTML 백 링크를 만드는 방법은 무엇입니까?


Answers

이 솔루션은 대부분의 브라우저가 history.go(-1) 대신에 링크 된 페이지의 URL을 가리키면 기본적으로 표시되는 이점이 있습니다.

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

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

편집하다
일반적으로 정적 인 하이퍼 링크처럼 마우스를 가져갈 때 클릭하려는 페이지의 URL을 표시하는 이점이있는 솔루션을 찾고 있습니다. 차라리 하이퍼 링크를 가리키면 history.go(-1) 보고있는 사용자가 없습니다. 지금까지 찾은 베스트는 다음과 같습니다.

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

document.referrer 신뢰할 수 있습니까? 교차 브라우저 안전? 나는 더 나은 대답을 기꺼이 받아 들일 것입니다.




너는 자바 스크립트를 시도 할 수있다.

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

JavaScript Back Button 참조

편집하다

참조 URL을 표시하려면 http://www.javascriptkit.com/javatutors/crossmenu2.shtml 을 참조하십시오 http://www.javascriptkit.com/javatutors/crossmenu2.shtml

다음과 같이 onmouseover에서 a 요소 자체를 보냅니다.

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 확인 jsfiddle




브라우저를 이전 페이지에 연결하는 가장 쉬운 방법.

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



document.write() history.back() 와 함께 history.back() 사용하여 실제로 돌아갈 어딘가에있을 때만 링크를 표시 할 수도 있습니다.

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



이 솔루션은 두 가지 장점을 모두 제공합니다.

  • 사용자가 링크 위로 마우스를 이동하면 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();
}
<a id="back-link">back</a>




Related