HTML 뒤로 버튼 만들기

웹 페이지에 뒤로 버튼을 쉽게 추가 할 수 있습니다. 페이지 방문자가 버튼을 클릭하면 브라우저에서 뒤로 버튼을 클릭 한 것처럼 마지막으로 방문한 페이지로 이동합니다.

페이지의 HTML을 편집하고 약간의 JavaScript를 추가하여이를 수행 할 수 있습니다.

참고 : 사용자가 인터넷 사용 기록이없는 경우에는이 버튼이 작동하지 않습니다. 예를 들어, 사용자가 새 브라우저 탭이나 창에서 페이지를 열면 단추를 클릭해도 아무 것도 나타나지 않습니다.

history.back 사용하기

웹 브라우저에서 내장 JavaScript 객체 윈도우 는 사용자가 현재 브라우저 윈도우에서 방문한 URL을 포함하는 history 라는 객체를 가지고 있습니다. history.back () 메소드를 사용하여 브라우저가 사용자의 이전 페이지로 돌아가도록 지시 할 수 있습니다.

이 JavaScript를 사용하는 쉬운 방법은 버튼의 onclick 이벤트 속성에 추가하는 것입니다. 여기서는 버튼을 사용하여 요소, 버튼 유형의 요소.

웹 페이지에 다음 HTML을 삽입하십시오.

결과는 아래 버튼처럼 보입니다. 이것을 클릭하면 기록의 이전 페이지로 돌아갑니다.

history.go 사용하기

history.go () 메소드는 브라우저가 사용자의 인터넷 사용 기록에서 특정 페이지로 이동하게합니다. 괄호 안에 숫자를 넣어서 이력 항목을 지정할 수 있습니다. 컴퓨터 프로그래밍에서 이것을 인수 (argument)라고합니다.

인수로 숫자 -1 을 지정하면 브라우저는 브라우저 기록에서 한 페이지 뒤로 돌아갑니다. history.back () 대신에 history.go ( -1) 를 사용하여 위와 같은 코드를 작성합니다.