我想在同一窗口和包含带有链接的页面的同一选项卡中打开一个链接。
当我尝试使用 window.open
打开链接时,它会在新选项卡中打开,而不是在同一窗口的同一选项卡中打开。
您需要使用名称属性:
window.open("https://www.youraddress.com","_self")
编辑: URL 应该以协议开头。没有它会尝试打开相对 url。在 Chrome 59、Firefox 54 和 IE 11 中测试。
用这个:
location.href = "http://example.com";
为了确保链接在同一个选项卡中打开,您应该使用 window.location.replace()
请参见下面的示例:
window.location.replace("http://www.w3schools.com");
来源:http://www.w3schools.com/jsref/met_loc_replace.asp
您可以在不指定 url 的情况下将其转到同一页面:
window.open('?','_self');
如果您的页面在“框架”内,则“Window.open('logout.aspx','_self')”
将在同一框架内重定向。所以通过使用
"Window.open('logout.aspx','_top')"
我们可以将页面加载为新请求。
最突出的 javascript 功能之一是动态触发 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);
}
打开另一个网址,例如点击链接
window.location.href = "http://example.com";
您必须使用 window.open
吗?使用 window.location="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
试试看~~
使用 _self 在当前标签页中打开 url
const autoOpenAlink = (url = ``) => { window.open(url, "在同一个标签页中打开测试页"); } 打开网址在当前标签页中使用 `_self`
使用 _blank 在新标签页中打开 url
const autoOpenAlink = (url = ``) => { window.open(url, "在新标签页中打开测试页"); } // ❌ 错误是由 `StackOverflow` 限制引起的 // js:18 阻止在新窗口中打开 'https://cdn.xgqfrms.xyz/index.html' 因为请求是在沙盒框架中发出的,其'allow-popups' 权限未设置。 打开网址使用 `_blank` 的新标签页
参考
根据 MDN 的文档,您只需要提供一个新窗口/选项卡的名称。
https://developer.mozilla.org/en-US/docs/Web/API/Window/open#Syntax
对于 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)
}
就像这样window.open("www.youraddress.com","_self")
这很容易。以 window.open(url, <tabNmae>)
身份打开第一个窗口
示例:window.open("abc.com",'myTab')
对于接下来的所有 window.open,使用 same tab name 而不是 _self
、_parent
等。
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.close();
window.open("index.html");
它在我的网站上成功运行。
a
的属性target=
。事实上,您可以随意命名您的窗口。您所需要的只是将其设置为不同的值,这样它就不会在同一个窗口或选项卡中打开。_self
在 HTML5 W3C 建议 2014 年 10 月 28 日 的 5.1.6 浏览上下文名称 部分中提到:w3.org/TR/html/browsers.html#browsing-context-names(但window.location
仍然更简洁)。