JavaScript의 window.location.href 및 window.open () 메소드

JavaScript에서 window.location.href와 window.open ()메소드 의 차이점은 무엇입니까 ?

window.location.href방법 이 아니라 브라우저의 현재 URL 위치를 알려주는 속성입니다. 속성 값을 변경하면 페이지가 리디렉션됩니다.

window.open()새 창에서 열 URL을 전달할 수있는 방법입니다. 예를 들면 다음과 같습니다.

window.location.href 예 :

window.location.href = 'http://www.google.com'; //Will take you to Google.

window.open () 예제 :

window.open('http://www.google.com'); //This will open Google in a new window.

중요 사항

window.open() 

팝업 또는 애드 블로커에 의해 차단되거나 중단 될 수 있음

조심해

window.open()추가 매개 변수를 전달할 수 있습니다. 참조 : window.open 튜토리얼

• window.open 지정된 URL로 새 브라우저를 엽니 다.

• window.location.href 코드가 호출되는 창에서 URL을 엽니 다.

또한 주 window.open()윈도우 오브젝트 자체 함수는 반면, window.location다양한 공개 목적은 다른 방법 및 특성 .

window.open 은 메소드입니다. 새 창을 열고 사용자 지정할 수 있습니다. window.location.href는 현재 창의 속성입니다.

window.location.href 속성 및 window.open () 메서드에 대해 설명하는 답변이 이미 있습니다 .

나는 객관적인 사용으로 갈 것입니다 :

1. 페이지를 다른 페이지로 리디렉션하려면

window.location.href를 사용하십시오. href 속성을 다른 페이지의 href로 설정하십시오.

2. 새 창이나 특정 창에서 링크를 엽니 다.

window.open ()을 사용하십시오. 목표에 따라 매개 변수를 전달하십시오.

3. 페이지의 현재 주소를 알고

window.location.href를 사용하십시오. window.location.href 속성의 값을 가져옵니다. window.location 객체에서 특정 프로토콜, 호스트 이름, 해시 문자열을 가져올 수도 있습니다.

자세한 내용은 위치 객체 를 참조하십시오.

window.open ()window.location.href현재 창에서 새 URL을 여는 반면 새 창 을 엽니 다.

는 window.open새 브라우저 탭에서 URL을 엽니 다

(가) window.location.href현재 탭에서 URL을 엽니 다 (대신 사용할 수있는 location)

다음은 바이올린 예제입니다 (SO 스 니펫 window.open에서 작동하지 않음)

var url = 'https://example.com';

function go1() { window.open(url) }

function go2() { window.location.href = url }

function go3() { location = url }

<div>Go by:</div>
<button onclick="go1()">window.open</button>
<button onclick="go2()">window.location.href</button>
<button onclick="go3()">location</button>