同じウィンドウとリンクのあるページを含む同じタブでリンクを開きたいのですが。
を使用してリンクを開こうとするwindow.open
と、同じウィンドウの同じタブではなく、新しいタブで開きます。
同じウィンドウとリンクのあるページを含む同じタブでリンクを開きたいのですが。
を使用してリンクを開こうとするwindow.open
と、同じウィンドウの同じタブではなく、新しいタブで開きます。
回答:
name属性を使用する必要があります。
window.open("https://www.youraddress.com","_self")
編集:URLの前にプロトコルを追加する必要があります。それなしでは相対URLを開こうとします。Chrome 59、Firefox 54、IE 11でテスト済み。
_self
記載されている5.1.6ブラウジング・コンテキスト名の2014年10月HTML5 W3C勧告28時: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機能の1つは、オンクリックハンドラーをオンザフライで起動することです。次のメカニズムは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);
}
リンクのクリックのような別のURLを開く
window.location.href = "http://example.com";
window.open(url, wndname, params)
、3つの引数があります。同じウィンドウで開きたくない場合は、別の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
やってみて~~
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
Vueデモ
<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
です。実際、ウィンドウには好きな名前を付けることができます。同じウィンドウまたはタブで開かないように、必要なものはすべて異なる値を設定することです。