HTML 백링크를 만드는 방법

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>

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

<script>
    document.write('<a href="' + document.referrer + '">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();
  return false;
}

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

javascript를 사용할 수 있습니다.

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

참조 JavaScript Back 버튼

편집

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

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

이것을 시험해 보세요.

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

앵커 태그를 사용하여 이전 페이지로 돌아가기 위해<a>아래는 2가지 작업방법입니다.그 중 첫 번째 방법은 더 빠르고 이전 페이지로 돌아가는 데 큰 이점이 있습니다.

두 가지 방법을 다 시도해 봤어요.

1)

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

위의 방법 (1)은 링크를 클릭하여 현재 브라우저 창의 새 탭에서 링크를 열었을 때 잘 작동합니다.

2)

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

위의 방법 (2)는 현재 브라우저 창의 [Current]탭에서 링크를 클릭하여 열었을 경우에만 정상적으로 작동합니다.

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

백 링크는 대부분의 브라우저에서 사용할 수 있는 [Back]버튼을 클릭한 것처럼 브라우저를 1페이지 뒤로 이동하는 링크입니다.백 링크는 JavaScript를 사용합니다.브라우저가 JavaScript를 지원하는 경우(지원하는 경우) 및 브라우저가 이 스크립트를 지원하는 경우 브라우저는 1페이지 뒤로 이동합니다.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

이거 먹어봐

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

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

버튼을 사용하는 가장 좋은 방법은

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

이 경우에도 하실 수 있습니다.history.back()나나와 document.write()실제로 돌아갈 곳이 있을 때만 링크를 표시합니다.

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

나는 창문을 이용했다.href가 브라우저에 의해 네비게이트되지 않도록 false를 반환했습니다(기본 동작).

<a href="www.web.com" onclick="window.history.go(-1); return false;"> Link </a>

history.go(-1)두 번째 도메인을 클릭하거나 레퍼러가 비어 있으면 동작하지 않습니다.

따라서 이 도메인에 도착했을 때 historyCount를 저장하고 이 쪽 탐색에서 1을 뺀 값으로 되돌아가야 합니다.

// if referrer is different from this site
if (!document.referrer.includes(window.location.host)) {
  // store current history length
  localStorage.setItem('historyLength', `${history.length}`);
}

// Return to stored referrer on logo click
document.querySelector('header .logo').addEventListener('click', 
  () =>
   history.go(Number(localStorage.getItem('historyLength')) - history.length -1)
);

언급URL : https://stackoverflow.com/questions/8814472/how-to-make-an-html-back-link