페이지 내 점프를 무시하는 JS 돌아 가기 버튼을 만드는 방법

Question

자바 스크립트 명령 window.history.back이 있으며 기본적으로 링크를 클릭하면 마지막 동작이 취소됩니다. 그러나 그것은 성가신 한계가 있습니다. 페이지 내 링크가 많은 매우 큰 HTML 페이지 (같은 페이지에서 이동하기 위해 <a href="#my-section">...</a> 표기법 사용)의 경우 window.back을 실행해도 이전 페이지로 연결되지 않습니다. 같은 페이지의 이전 섹션으로 이동합니다. 그건 내가 원하는 것이 아니야. 이전 섹션이 아닌 이전 페이지로 건너 뛰는 방법이 있습니까?

첫 번째로 페이지를로드 할 때 창 기록의 크기를 기록한 다음 돌아가는 방법이 있지만 그 이후로 많은 추가 항목이 만들어졌습니다. 오류가 발생하기 쉬운 것 같습니다 (예를 들어 페이지를 새로 고침하면 어떻게됩니까?)

Answer 1

window.back 대신 window.history를 사용하십시오. 예를 들어 다음 코드를 사용하여 뒤로 버튼을 만들 수 있습니다.

<button onclick="goBack()">Go Back</button> 

<script> 
function goBack() { 
    window.history.back(); 
} 
</script>