웹 사이트 뒤로 버튼을 만드는 방법

HTML 페이지의 JavaScript 뒤로 버튼 코드

물론 브라우저에 내장 된 뒤로 버튼을 사용하면 이전 페이지로 돌아가려면 뒤로 이동할 수 있습니다. 또한 일부 JavaScript 코드를 사용하여 웹 페이지 자체 내에있는 것을 만들 수도 있습니다.

이 버튼을 클릭하면 버튼을 사용하여 현재 페이지로 이동하기 전에 읽은 페이지로 돌아갑니다. 웹 브라우저의 뒤로 버튼과 동일하게 작동합니다.

기본 뒤로 버튼 코드

뒤로 버튼 링크의 기본 코드는 매우 간단합니다.

돌아 가기

이 뒤로 버튼 코드로 수행해야하는 모든 작업은 페이지에서 "돌아 가기"링크를 찾을 때마다 복사하여 붙여 넣기 만하면됩니다. 텍스트를 다른 것으로 읽을 수 있도록 텍스트를 변경할 수도 있습니다.

이미지가있는 뒤로 버튼

평범한 텍스트 뒤로 버튼을 사용하지 않으려는 경우, 추가 고유성을 위해 언제나 이미지를 추가 할 수 있습니다.

이미지는 위의 예제에서 "돌아 가기"라는 단어가 표시된 뒤로 버튼 코드 부분을 대체합니다. 이것은 해당 텍스트를 삭제하고 해당 텍스트 대신 이미지를 표시하는 코드로 대체하여 작동합니다.

이를 위해 다음과 같이 뒤로 버튼에서 사용해야하는 이미지의 URL 이 필요합니다.

http://examplewebsite.com/name_of_graphic.gif

팁 : Imgur는 이미 온라인에 존재하지 않는 버튼 이미지를 업로드 할 수있는 곳입니다.

그런 다음 여기에 표시된 INSERT 섹션에 링크를 직접 삽입하려고합니다 (따옴표를 그대로 유지하십시오).

INSERT ">

예제는 다음과 같습니다.