source

window.location을 클릭합니다.JavaScript의 href 및 window.open() 메서드

bestscript 2023. 1. 26. 09:13

window.location을 클릭합니다.JavaScript의 href 및 window.open() 메서드

와의 차이는 무엇입니까?window.location.href그리고.window.open ()메서드는 JavaScript에 있습니까?

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.

Additional Information:

window.open()추가 파라미터를 전달할 수 있습니다.참조: window.open 튜토리얼

  • window.open는 지정된 URL을 사용하여 새 브라우저를 엽니다.

  • window.location.href코드를 호출하는 창에 URL이 열립니다.

또,window.open()는 윈도 오브젝트 자체의 함수입니다만,window.location기타 다양한 메서드 및 속성을 표시하는 객체입니다.

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

목적적 사용으로 이동하겠습니다.

1. 페이지를 다른 페이지로 리다이렉트하다

window.location.href 를 사용합니다.href 속성을 다른 페이지의 href로 설정합니다.

2. 새 창 또는 특정 창에서 링크를 엽니다.

window.open()을 사용합니다.목표에 따라 파라미터를 전달합니다.

3. 페이지의 현재 주소를 알 수 있습니다.

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

자세한 내용은 Location Object를 참조하십시오.

window.open은 메서드입니다.새 창을 열고 커스터마이즈할 수 있습니다.window.locationhref는 현재 창의 속성일 뿐입니다.

window.open ()새로운 창이 열립니다.window.location.href현재 창에 새 URL이 열립니다.

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

window.location.href현재 탭에서 URL이 열립니다(대신 를 사용할 수 있습니다).location)

다음은 바이올린의 예시입니다(SO 스니펫 창에서.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>

언급URL : https://stackoverflow.com/questions/7077770/window-location-href-and-window-open-methods-in-javascript