[javascript] HTML 뒤로 링크를 만드는 방법?
<a>이전 웹 페이지로 연결 되는 태그 를 만드는 가장 간단한 방법은 무엇입니까 ? 기본적으로 시뮬레이션 된 뒤로 버튼이지만 실제 하이퍼 링크입니다. 클라이언트 측 기술 만 해당하십시오.
편집
일반 정적 하이퍼 링크처럼 마우스를 가져갈 때 클릭하려는 페이지의 URL을 표시 할 수있는 솔루션을 찾으 십시오 . 오히려 history.go(-1)하이퍼 링크를 가리키면 사용자 가보고 싶지 않습니다 . 내가 지금까지 찾은 최고는 다음과 같습니다.
<script>
document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>가 document.referrer신뢰할? 브라우저 간 안전? 더 나은 답변을 받아 드리겠습니다.
답변
답변
이 솔루션은 대부분의 브라우저가 기본적으로 history.go(-1)또는 이와 유사한 방식으로 링크 된 페이지의 URL을 호버에 표시하는 이점이 있습니다 .
<script>
document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>답변
답변
당신은 자바 스크립트를 시도 할 수 있습니다
<A HREF="javascript:history.go(-1)">편집하다
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>답변
이 솔루션은 두 세계의 최고를 제공합니다
- 사용자가 링크를 가리키면 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>, 아래의 두 작업 방법은 그들 중 첫째 하나 입니다 빨리 와 가지고 하나의 큰 장점은 이전 페이지로 되돌아가는에.
두 가지 방법을 모두 시도했습니다.
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()링크가 웹 브라우저의 새 탭에서 열 경우 작동하지 않습니다.
답변
뒤로 링크는 사용자가 대부분의 브라우저에서 사용 가능한 뒤로 단추를 클릭 한 것처럼 브라우저를 한 페이지 뒤로 이동시키는 링크입니다. 뒤로 링크는 JavaScript를 사용합니다. 브라우저가 JavaScript를 지원하고 (지원하는) window.history객체를 지원하는 경우 뒤로 링크에 필요한 경우 브라우저를 한 페이지 뒤로 이동합니다 .
간단한 방법은
<a href="#" onClick="history.go(-1)">Go Back</a>또는:
일반적으로 뒤로 링크는 필요하지 않습니다. 뒤로 단추는 일반적으로 매우 훌륭하며 일반적으로 사이트의 이전 페이지로 간단히 링크 할 수도 있습니다. 그러나 때로는 여러 개의 “이전”페이지 중 하나에 대한 링크를 제공하고자 할 수도 있는데,이 부분에서 뒤로 링크가 편리합니다. 더 고급 방식으로 수행하려면 아래 자습서를 참조하십시오.
http://www.htmlcodetutorial.com/linking/linking_famsupp_108.html
