location.href 예제

참고: 웹사이트를 방문할 때는 항상 특정 포트(예: http://localhost:3000)에 연결하는 것입니다. 그러나 대부분의 브라우저는 기본 포트 번호(예: HTTP의 경우 80개, HTTPS의 경우 443개)를 표시하지 않습니다. 단추 클릭, 옵션 선택, 레이아웃 변경, 양식 제출, 파일 업로드, 이미지 끌기, 카운트다운 타이머 만료 또는 이와 같은 특정 이벤트 또는 작업이 발생한 후 사용자를 다른 페이지로 보낼 수 있습니다. 이러한 경우 조건 검사를 사용하거나 리디렉션을 수행하기 위한 요소에 이벤트를 할당할 수 있습니다. 다음 두 가지 예제를 사용하여 예제 URL을 리디렉션할 URL로 바꾸기만 하면 됩니다. 이러한 유형의 리디렉션을 사용하면 방문자가 웹 페이지를 전혀 볼 수 없으며 대상 URL로 즉시 리디렉션됩니다. 위의 코드에서 리디렉션할 대상 URL을 삽입하기만 하면 됩니다. 이 페이지를 확인하여 window.location의 작동 방식에 대해 자세히 알아보세요. 이제 예제를 계속 살펴보겠습니다. 위의 JS 코드 줄은 리디렉션 측면에서 비슷한 작업을 수행하지만 사용에 약간의 차이가 있습니다. 예를 들어 iframe 내에서 top.location 리디렉션을 사용하는 경우 주 창을 리디렉션하도록 강제합니다.

명심해야 할 또 다른 점은 location.replace()가 현재 문서를 기록에서 이동하여 대체하므로 브라우저의 뒤로 단추를 통해 사용할 수 없게 된다는 것입니다. 이것은 자바 스크립트 리디렉션기본적으로 작동하는 방법입니다. 위의 예제가 웹 페이지 리디렉션을 처리하는 동안 도움이 되기를 바랍니다. 다음은 예제 바이올린 (SO 스니펫 window.open에서 작동하지 않습니다) 인터럽트 또는 예기치 않은 웹 페이지 리디렉션은 전반적인 사용자 경험에 부정적인 영향을 미치기 때문에 사용자 관점에서 매우 성가신 것으로 간주됩니다. 예를 들어 사용자가 사이트에 착륙하자마자 다른 웹 사이트로 리디렉션하면 분명히 불만을 유발할 수 있습니다. 또한, 타이머 후 관련 없는 페이지로 사용자를 데리고 하는 경우, 그들은 버튼 또는 이미지를 클릭 한 후, 또는 그들은 귀하의 사이트에 특정 작업을 완료 한 후, 그 가장 아마 사용자가 한 번에 귀하의 사이트를 떠나 고 다시 오지 않으려는 결과. window.location.href는 코드가 호출되는 창에서 URL을 엽니다. Window.location은 읽기 전용 위치 개체이지만 DOMString을 할당할 수도 있습니다. 즉, 위치 = `http://www.example.com`은 location.href = `http://www.example.com`의 동의어입니다. window.location.href를 사용합니다. window.location.href 속성의 값을 가져옵니다. 또한 window.location 개체에서 특정 프로토콜, 호스트 이름, 해시 스트링을 얻을 수도 있습니다.

window.location.href 현재 탭에서 URL을 엽니다 (대신 위치를 사용할 수 있습니다) 위치 개체의 할당() 메서드를 사용할 수 있습니다., window.location.asign() 매개 변수로 제공 된 URL에서 다른 리소스를 로드 하는 예를 들어: 웹을 리디렉션할 수 있습니다. 서버 측 리디렉션, HTML 메타 새로 고침 리디렉션 및 자바 스크립트 리디렉션을 포함한 여러 가지 방법으로 다른 페이지로 페이지. 이 자습서에서는 다양한 시나리오에 대한 예제를 제공하여 JavaScript를 사용하여 페이지를 쉽게 리디렉션할 수 있는 방법을 설명합니다. 하지만 예제로 넘어가기 전에 이러한 리디렉션을 책임감 있게 사용하는 것의 중요성에 대해 간략하게 말씀드리겠습니다.

Tento obsah bol zaradený v Nezaradené. Zálohujte si trvalý odkaz.