자바스크립트 리디렉션

Michael Zippo

웹 페이지를 리디렉션하는 방법에는 여러 가지가 있습니다. 예를 들면 HTML의 메타 태그를 사용하는 클라이언트 측과 HTTP 리디렉션 방법을 사용하는 서버 측이 있습니다. 이 기사에서는 JavaScript를 사용하여 웹 페이지를 리디렉션하는 방법을 살펴봅니다.

페이지 리디렉션에 JavaScript 코드를 사용하는 두 가지 방법이 있습니다. 둘 다 창 위치 개체를 포함합니다.

href

첫 번째 방법은 위치 개체(이는 창 개체의 일부임)의 href 속성을 포함합니다. 당신이 해야 할 유일한 일은 리디렉션을 원하는 URL을 location.href로 지정하여 리디렉션을 처리하는 것입니다. 페이지가 로드될 때 실행될 JavaScript 함수에서 이 작업을 수행합니다.

문서 하단의 body 태그 바로 앞에 script 태그를 추가했습니다. 이것이 우리의 JavaScript가 가는 곳입니다. handleRedirect라는 함수에는 url이라는 매개변수가 있습니다. 이 URL의 값에 location.href를 할당합니다.

문서 본문 상단에 onload 이벤트가 있습니다. 이 onload 이벤트는 할당한 JavaScript 기능을 실행합니다. 여기에 우리가 가고자 하는 URL을 전달했습니다. 리디렉션은 즉시 발생하고 Python.Engineering 블로그 게시물의 HTML 부분으로 이동합니다.

페이지가 리디렉션되기 전에 일시 중지를 추가하려면 다음을 수행할 수 있습니다. setTimeout 함수를 사용하여 이 작업을 수행합니다. 방법은 다음과 같습니다.;

다른 모든 것은 동일하게 유지됩니다.

이 메소드는 소스 페이지를 스택 히스토리에 추가합니다. 브라우저의 뒤로 버튼을 통해 액세스할 수 있습니다. 대신 원하는 경우 URL을 교체하는 또 다른 방법 - 나중에 살펴보겠습니다!

replace

달리 위치 개체의 속성에 새 URL을 할당하는 위에서 생성한 메서드인 location.replace ()는 원래 URL을 지정하고 특정 항목으로 대체하는 메서드입니다.

이 방법은 원래 URL을 브라우저 스택에 넣지 않고 대상을 리디렉션된 URL로 바꿉니다. 방법은 다음과 같습니다.

보다시피 스크립트 태그가 필요하지 않았습니다. 이 한 줄짜리를 위해. 문서가 업로드되면 괄호 안의 사이트로 안내하는 location.replace 메서드를 실행합니다.

여기! 이제 JavaScript를 사용하여 새 웹페이지로 리디렉션할 수 있습니다.