같은 창과 링크가있는 페이지가 포함 된 동일한 탭에서 링크를 열고 싶습니다.
를 사용하여 링크를 열려고 window.open
하면 동일한 창의 동일한 탭이 아닌 새 탭에서 열립니다.
같은 창과 링크가있는 페이지가 포함 된 동일한 탭에서 링크를 열고 싶습니다.
를 사용하여 링크를 열려고 window.open
하면 동일한 창의 동일한 탭이 아닌 새 탭에서 열립니다.
답변:
이름 속성을 사용해야합니다.
window.open("https://www.youraddress.com","_self")
편집 : URL 앞에 프로토콜이 붙어야합니다. 그것이 없으면 상대 URL을 열려고합니다. Chrome 59, Firefox 54 및 IE 11에서 테스트되었습니다.
_self
2014 년 10 월 28 일자 HTML5 W3C 권장 사항 의 섹션 5.1.6 브라우징 컨텍스트 이름 : w3.org/TR/html/browsers.html#browsing-context-names ( 여전히 깨끗합니다) 에서 언급됩니다 . window.location
이것을 사용하십시오 :
location.href = "http://example.com";
링크가 동일한 탭에서 열리도록하려면 window.location.replace()
아래 예를 참조하십시오.
window.location.replace("http://www.w3schools.com");
가장 두드러진 자바 스크립트 기능 중 하나는 onclick 핸들러를 즉시 실행하는 것입니다. 내가 사용하는 것보다 더 신뢰할 수있는 메커니즘을 다음 발견 location.href=''
하거나 location.reload()
또는 window.open
:
// this function can fire onclick handler for any DOM-Element
function fireClickEvent(element) {
var evt = new window.MouseEvent('click', {
view: window,
bubbles: true,
cancelable: true
});
element.dispatchEvent(evt);
}
// this function will setup a virtual anchor element
// and fire click handler to open new URL in the same room
// it works better than location.href=something or location.reload()
function openNewURLInTheSameWindow(targetURL) {
var a = document.createElement('a');
a.href = targetURL;
fireClickEvent(a);
}
위의 코드는 새 탭 / 창을 열고 모든 팝업 차단기를 우회하는데도 도움이됩니다 !!! 예 :
function openNewTabOrNewWindow(targetURL) {
var a = document.createElement('a');
a.href = targetURL;
a.target = '_blank'; // now it will open new tab/window and bypass any popup blocker!
fireClickEvent(a);
}
링크 클릭으로 다른 URL 열기
window.location.href = "http://example.com";
window.open(url, wndname, params)
여기에는 세 가지 주장이 있습니다. 같은 창에서 열지 않으려면 다른 wndname을 설정하십시오. 같은 :
window.open(url1, "name1", params); // this open one window or tab
window.open(url1, "name2", params); // though url is same, but it'll open in another window(tab).
에 대한 자세한 내용은 다음과 같습니다. window.open()
신뢰할 수 있습니다.
https://developer.mozilla.org/en/DOM/window.open
시도해보십시오 ~~
html 5에서는 history API를 사용할 수 있습니다 .
history.pushState({
prevUrl: window.location.href
}, 'Next page', 'http://localhost/x/next_page');
history.go();
그런 다음 다음 페이지에서 상태 객체에 액세스 할 수 있습니다.
let url = history.state.prevUrl;
if (url) {
console.log('user come from: '+ url)
}
Just Try in button.
<button onclick="location.reload();location.href='url_name'"
id="myButton" class="btn request-callback" >Explore More</button>
Using href
<a href="#" class="know_how" onclick="location.reload();location.href='url_name'">Know More</a>
window
/ 의 이름을 지정하면 tab
됩니다.https://developer.mozilla.org/en-US/docs/Web/API/Window/open#Syntax
_self
<a
href="url"
target="_self">
open
</a>
const autoOpenAlink = (url = ``) => {
window.open(url, "open testing page in the same tab page");
}
_blank
부 데모
<div style="margin: 5px;">
<a
:href="url"
@click="autoOpenAlink"
target="_blank"
>
{{url}}
</a>
</div>
부
autoOpenAlink(e) {
e.preventDefault();
let url = this.url;
window.open(url, "iframe testing page");
},
target=
tag 속성과 같이 새 창에 대한 이름 일뿐a
입니다. 사실, 원하는대로 창 이름을 지정할 수 있습니다. 필요한 것은 모두 다른 값으로 설정되어 동일한 창이나 탭에서 열리지 않도록하는 것입니다.