IT

javascript를 클릭하면 브라우저가 이전 페이지로 돌아갑니다.

itgroup 2022. 10. 19. 22:12
반응형

javascript를 클릭하면 브라우저가 이전 페이지로 돌아갑니다.

브라우저가 이전 페이지로 돌아가도록 버튼 클릭 이벤트로 첨부할 수 있는 기능이 있나요?

<input name="action" type="submit" value="Cancel"/>

입력 요소에 추가

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>
history.back()

또는

history.go(-1)

이것을 단추에 넣어라.onclick취급합니다.다음과 같이 표시됩니다.

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>

이전 페이지로 이동하는 경우

첫 번째 방법

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

두 번째 방법

<a href="##" onClick="history.go(-1); return false;">Go back</a> 

한 발짝 이상 후퇴하고 싶다면

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 

간단해. 한 줄.

<button onclick="javascript:window.history.back();">Go Back</button>

윔과 말릭의 대답처럼, 하지만 한 줄에 불과해요.

가장 짧은 시간!

<button onclick="history.go(-1);">Go back</button>

http://jsfiddle.net/qXrbx/

저는 더 좋아요..go(-number)1개 이상의 '뒤로'에 대해 사용/기억/업데이트/검색 방법은 1개뿐입니다.

또, 이름이나 타입이 있는 태그보다, 뒤로 버튼에 태그를 사용하는 것이 적절한 것 같습니다.

window.history.back();

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

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

매번 효과가 있다

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

다음 연락처로 전화하면 됩니다.

history.go(-1);

현재 모든 브라우저에서 동작하는 것은 이것뿐입니다.

<script>
function goBack() {
    history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>

접근window.history그리고 나서 전화한다.back()

window.history.back()

유일하게 나에게 효과가 있었다.

function goBackAndRefresh() {
  window.history.go(-1);
  setTimeout(() => {
    location.reload();
  }, 0);
}
history.back()
    
history.go(-1)
    
window.history.back()

100% 작업

<a onclick="window.history.go(-1); return false;" style="cursor: pointer;">Go Back</a>

언급URL : https://stackoverflow.com/questions/8067510/onclick-javascript-to-make-browser-go-back-to-previous-page

반응형