입력 유형 - 뒤로 버튼?

Question

브라우저의 뒤로 버튼으로 입력 유형 버튼을 사용하는 가장 좋은 방법은 무엇입니까 (크로스 브라우저)?

Answer 1

이와 비슷한 작업을 원하십니까?

<input type="button" onclick="history.back();" value="Back"> 

또한

<input type="button" onclick="history.go(-1);" value="Back"> 

Answer 2

"베스트"약간 주관적이다 사용할 수 있습니다.

@Mech Software는 간단한 함수 호출이므로 허용되는 솔루션을 제공합니다. 하나의 뒤로 버튼 만 만들면 아마도 갈 수 있습니다. 그러나 여기에 속하는 코드를 넣으려고합니다 :

HTML은 .html, CSS는 .css, JavaScript는 .js 파일에 속합니다. 버튼에 onclick 속성을 지정하는 대신 클래스에 back-button을 지정하고 click 수신기를 각 .back-button 요소에 연결합니다.

_{HTML :}

<input type="button" class="back-button" value="Back" /> 
<!-- or --> 
<button type="button" class="back-button">Back</button> 

_{JS :}

jQuery(function($){ 
    $('.back-button').click(function(e){ 
    history.back(); 
    }); 
}); 

상대적으로 유비쿼터스의로 내가 jQuery 라이브러리를 있으리라 믿고있어 (이의 비의 jQuery 버전을 원하는 경우 알려주세요).

이 접근법을 제안하는 이유는 그것이 확장 가능하다는 것입니다. 뒤로 버튼을 사용하여 더 많은 작업을 수행하거나 브라우저가 변경된 경우 ( 일 때 이 발생 함) onclick="history.back()"의 모든 인스턴스를 검색하지 않고 정확히 한 위치에서 기능을 변경하는 것이 간단합니다.

Answer 3

시도해보십시오. 정말 잘 작동하고 멋지게 보입니다. 당신이 싶지 않는 경우

<center> 
<script> 
function goBack() 
    { 
    window.history.back() 
    } 
</script> 
Wrong Link? <input type="button" value="Go Back" onclick="goBack()"/> 
</center> 

그 다음 우리에게

<center> 
<script> 
function goBack() 
    { 
    window.history.back() 
    } 
</script> 
<input type="button" value="Go Back" onclick="goBack()"/> 

을 잘못된 링크 대답 그리고 당신은 버튼을 마지막 줄에 = 다음 값으로 "위로"변경하여 말씀을 편집 할 수 있습니다. 나는이 방법을 건의 할 것

Answer 4

<input type="button" onclick="history.back();" value="Back"> 

이유는 확장 점이다. 뒤로 버튼을 사용하여 더 많은 작업을 수행하기로 결정하거나 브라우저가 변경되는 경우 (항상 발생하는 경우) onclick="history.back()"의 모든 인스턴스를 검색하지 않고 정확히 한 위치에서 기능을 변경하는 것이 간단합니다.