> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 한 페이지가 다른 페이지를 강제로 로드하도록 하는 방법은 무엇입니까?

JavaScript에서 한 페이지가 다른 페이지를 강제로 로드하도록 하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-08-28 19:53:02
앞으로
816명이 탐색했습니다.

JavaScript 中如何强制一个页面加载另一个页面?

JavaScript에서는 window.location 개체를 사용하여 한 페이지가 다른 페이지를 강제로 로드하도록 할 수 있습니다. 위치 개체를 사용하여 새 페이지의 URL을 설정할 수 있습니다. 위치 개체를 사용하여 새 페이지의 URL을 설정하려면 window.location.href 속성, window.location.ass() 및 window.location.replace() 메서드와 같은 다양한 메서드가 있습니다. 이 튜토리얼에서는 각 속성과 메서드에 대해 자세히 설명합니다.

Window.Position.Replace

첫 번째 방법은 window.location.href 속성을 사용하는 것입니다. 이 속성에는 페이지의 현재 URL에 대한 정보가 포함되어 있으며 사용자를 새 페이지로 리디렉션하는 데 사용할 수 있습니다.

문법

으아악

사용자는 지정된 URL(new_url)로 즉시 리디렉션됩니다.

지정된 시간 이후에 사용자를 리디렉션하려면 setTimout 함수를 지정할 수도 있습니다. 이를 통해 함수에 지정된 시간 이후에 사용자가 소스 URL로 리디렉션될 수 있습니다.

으아악

위의 예는 3초 후에 사용자를 지정된 URL(https://www.tutorialspoint.com)로 리디렉션합니다.

이 예에서는 클릭 시 forceLoad() 함수를 렌더링하는 버튼(로드)을 정의했습니다. forceLoad() 함수에서는 window.location.href 속성을 사용하여 새 페이지인 tutorialspoint 홈 페이지를 다시 로드합니다.

으아악

Window.Position.Replace

다른 페이지로 강제 리디렉션하는 또 다른 방법은 window.location.replace 속성을 사용하는 것입니다. 이 방법은 브라우저 기록의 현재 페이지를 다른 페이지로 바꾸는 데 도움이 되지만, 이 시점에서 사용자는 원래 페이지로 돌아갈 수 없습니다.

문법

으아악

이 구문에서는 window.location.href 예제와 동일한 효과를 얻지만 여기서 차이점은 사용자의 현재 페이지가 브라우저 기록에 저장되지 않는다는 것입니다.

이 예에서는 클릭 시 forceLoad() 함수를 렌더링하는 버튼(로드)을 정의했습니다. forceLoad() 함수는 현재 소스를 함수에 제공된 URL의 소스로 바꾸는 JavaScript 메소드인 location.replace()를 렌더링합니다.

한번 탐색이 발생하면 사용자가 이전 페이지로 다시 탐색할 수 없다는 점에 유의하세요. 이는 자바스크립트의 location.sign() 속성을 사용하여 가능합니다.

으아악

Window.Position.Assignment

이 방법에서는 사용자가 탐색했던 원래 페이지로 돌아갈 수 있도록 브라우저 기록에 새 페이지를 추가하는 데 사용되는 window.location.sign 메서드를 사용합니다.

문법

으아악

이 구문에서는 window.location 예제와 동일한 효과를 가지지만 여기서 차이점은 사용자의 현재 페이지가 브라우저 기록에 저장된다는 것입니다.

이 예에서는 클릭 시 forceLoad() 함수를 렌더링하는 버튼(로드)을 정의했습니다. ForceLoad() 함수는 창이 현재 지정된 URL에 있는 문서나 페이지를 로드하고 표시하도록 하는 JavaScript 메서드 location.sign()을 렌더링합니다. 탐색이 발생하면 사용자는 간단히 브라우저의 "뒤로" 버튼을 눌러 Location.sign()이라는 속성을 사용하여 이전 페이지로 다시 탐색할 수도 있습니다.

으아악

window.location, window.location.replace 및 window.location.sign의 차이점

기본 window.location.href 창.위치.할당 Window.Position.Replace
정의 현재 URL을 가져오고 URL에 지정된 새 문서나 페이지로 리디렉션됩니다. URL에 지정된 문서나 페이지를 로드하여 표시합니다. 현재 페이지를 URL에 지정된 페이지로 대체합니다.
브라우저 기록 새로 로드한 문서나 페이지를 브라우저 기록에 추가하지 않습니다. 새로 로드한 문서나 페이지를 브라우저 기록에 저장합니다. 새로 로드한 문서나 페이지도 브라우저 기록에 저장됩니다.
반품 이전 페이지/문서로 돌아갈 수 있습니다. 이전 페이지로 돌아갈 수도 있습니다. 이전 페이지로 돌아갈 수 없습니다.

window.location.href 속성, window.location.replace() 및 window.location.sign() 메서드 간의 주요 차이점은 브라우저 기록을 처리하는 방식입니다. location.replace 메소드에 대해 말하면 현재 URL을 대체하고 사용자가 이전 페이지로 돌아가는 것을 허용하지 않습니다. location.sign 메소드는 새 문서를 로드하고 이를 브라우저 기록에 추가하는 동시에 사용자가 이전에 열었던 페이지로 돌아갈 수 있도록 허용합니다. 마지막으로 window.location 메소드는 브라우저 기록에 새 문서를 추가한다는 점에서 location.asset와 동일합니다.

결론

이 기사를 마무리하기 위해 JavaScript에서 새 페이지가 다른 페이지를 로드하도록 하는 것은 간단한 작업이며 window.location.href 속성, window.location.replace() 메서드 또는 window .location과 같은 여러 JavaScript 메서드를 사용하여 수행할 수 있습니다. 할당() 메소드. 이러한 모든 방법은 개발자가 더 나은 사용자 상호 작용을 생성하고 사용자 애플리케이션 경험을 향상시키는 데 도움이 되는 동적 및 대화형 웹 페이지를 만드는 데 도움이 됩니다.

위 내용은 JavaScript에서 한 페이지가 다른 페이지를 강제로 로드하도록 하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿