Answers:
您需要使用name属性:
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");
最杰出的javascript功能之一是即时触发onclick处理程序。我发现以下机制比使用location.href=''
or location.reload()
或or 更可靠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);
}
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,您可以使用历史记录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/zh-CN/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
Vue演示
<div style="margin: 5px;">
<a
:href="url"
@click="autoOpenAlink"
target="_blank"
>
{{url}}
</a>
</div>
Vue
autoOpenAlink(e) {
e.preventDefault();
let url = this.url;
window.open(url, "iframe testing page");
},
target=
tag 的属性a
。实际上,您可以随意命名窗口。您所需要的全部设置为不同的值,这样它就不会在同一窗口或选项卡中打开。