location.replace 예제

단추 클릭, 옵션 선택, 레이아웃 변경, 양식 제출, 파일 업로드, 이미지 끌기, 카운트다운 타이머 만료 또는 이와 같은 특정 이벤트 또는 작업이 발생한 후 사용자를 다른 페이지로 보낼 수 있습니다. 이러한 경우 조건 검사를 사용하거나 리디렉션을 수행하기 위한 요소에 이벤트를 할당할 수 있습니다. 다음 두 가지 예제를 사용하여 기본적인 아이디어를 제공할 수 있습니다. 위의 예제가 웹 페이지 리디렉션을 처리하는 동안 도움이 되기를 바랍니다. 예제 URL을 리디렉션할 URL로 바꾸기만 하면 됩니다. 이러한 유형의 리디렉션을 사용하면 방문자가 웹 페이지를 전혀 볼 수 없으며 대상 URL로 즉시 리디렉션됩니다. 중단 또는 예기치 않은 웹 페이지 리디렉션은 전반적인 사용자 경험에 부정적인 영향을 미치기 때문에 사용자 관점에서 매우 성가신 것으로 간주됩니다. 예를 들어 사용자가 사이트에 착륙하자마자 다른 웹 사이트로 리디렉션하면 분명히 불만을 유발할 수 있습니다. 또한, 타이머 후 관련 없는 페이지로 사용자를 데리고 하는 경우, 그들은 버튼 또는 이미지를 클릭 한 후, 또는 그들은 귀하의 사이트에 특정 작업을 완료 한 후, 그 가장 아마 사용자가 한 번에 귀하의 사이트를 떠나 고 다시 오지 않으려는 결과.

서버 측 리디렉션, HTML 메타 새로 고침 리디렉션 및 JavaScript 리디렉션을 비롯한 여러 가지 방법으로 웹 페이지를 다른 페이지로 리디렉션할 수 있습니다. 이 자습서에서는 다양한 시나리오에 대한 예제를 제공하여 JavaScript를 사용하여 페이지를 쉽게 리디렉션할 수 있는 방법을 설명합니다. 하지만 예제로 넘어가기 전에 이러한 리디렉션을 책임감 있게 사용하는 것의 중요성에 대해 간략하게 말씀드리겠습니다. 위의 코드에서 리디렉션할 대상 URL을 삽입하기만 하면 됩니다. 이 페이지를 확인하여 window.location의 작동 방식에 대해 자세히 알아보세요. 이제 예제를 계속 살펴보겠습니다. 위의 JS 코드 줄은 리디렉션 측면에서 비슷한 작업을 수행하지만 사용에 약간의 차이가 있습니다. 예를 들어 iframe 내에서 top.location 리디렉션을 사용하는 경우 주 창을 리디렉션하도록 강제합니다. 명심해야 할 또 다른 점은 location.replace()가 현재 문서를 기록에서 이동하여 대체하므로 브라우저의 뒤로 단추를 통해 사용할 수 없게 된다는 것입니다. 이 코드는 실패하고 알아 내기 위해 영원히 걸렸습니다. 어떤 이유로 그것은 너무 바보 같은 시간을 낭비 했다 보았다.

나는 ES6이 얼마나 훌륭했는지에 대해 서도 누군가에게 제시하고 있었고 디버깅을 시작하고 두통이 없고 더 나은 ES6이 얼마나 좋은지 보여주었습니다. 설득력이 없습니다. 참고: 코드에 사용된 링크가 프레임 ide.geeksforgeeks.org 때문에 위의 코드를 ide.geeksforgeeks.org 실행합니다.