Saya ingin membuka tautan di jendela yang sama dan di tab yang sama yang berisi halaman dengan tautan itu.

Ketika saya mencoba membuka tautan dengan menggunakan window.open, maka tautan itu terbuka di tab baru — bukan di tab yang sama di jendela yang sama.

Anda perlu menggunakan atribut nama:

window.open("https://www.youraddress.com","_self")

Sunting : Url harus diawali dengan protokol. Tanpa itu mencoba membuka url relatif. Diuji di Chrome 59, Firefox 54 dan IE 11.

Gunakan ini:

location.href = "http://example.com";

Untuk memastikan bahwa tautan dibuka di tab yang sama, Anda harus menggunakan window.location.replace()

Lihat contoh di bawah ini:

window.location.replace("http://www.w3schools.com");

Sumber: http://www.w3schools.com/jsref/met_loc_replace.asp

Anda dapat membawanya ke halaman yang sama tanpa menentukan url:

window.open('?','_self');

Jika Anda memiliki halaman Anda di dalam "bingkai" maka "Window.open ('logout.aspx', '_ self')"

akan diarahkan ke dalam bingkai yang sama. Jadi dengan menggunakan

"Window.open('logout.aspx','_top')"

kami dapat memuat halaman sebagai permintaan baru.

Salah satu fitur javascript yang paling menonjol adalah untuk mengaktifkan penangan onclick on the fly. Saya menemukan mekanisme berikut lebih dapat diandalkan daripada menggunakan location.href=''atau location.reload()atau 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);
}

Kode di atas juga membantu untuk membuka tab / jendela baru dan melewati semua pemblokir pop-up !!! Misalnya

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);
}

Buka url lain seperti tautan klik di

window.location.href = "http://example.com";

Apakah Anda harus menggunakan window.open? Bagaimana dengan menggunakan window.location="http://example.com"?

window.open(url, wndname, params), ia memiliki tiga argumen. jika Anda tidak ingin itu terbuka di jendela yang sama, cukup tetapkan wndname yang berbeda. seperti :

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).

Berikut detailnya window.open(), Anda bisa mempercayainya!
https://developer.mozilla.org/en/DOM/window.open

Selamat mencoba ~~

Dengan html 5 Anda dapat menggunakan API riwayat .

history.pushState({
  prevUrl: window.location.href

}, 'Next page', 'http://localhost/x/next_page');
history.go();

Kemudian pada halaman berikutnya Anda dapat mengakses objek keadaan seperti itu

let url = history.state.prevUrl;
if (url) {
  console.log('user come from: '+ url)
}

Cukup mudah. Buka jendela pertama sebagaiwindow.open(url, <tabNmae>)

Contoh: window.open("abc.com",'myTab')

dan untuk semua window.open selanjutnya, gunakan nama tab yang sama, bukan _self, _parentdll.

Persis seperti ini window.open("www.youraddress.com","_self")

   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> 

Sebagai ref MDN mengatakan, hanya perlu memberikan nama baru window/ tab.

https://developer.mozilla.org/en-US/docs/Web/API/Window/open#Syntax

buka di halaman tab saat ini menggunakan _self

<a
 href="url"
 target="_self">
   open
</a>

const autoOpenAlink = (url = ``) => {
  window.open(url, "open testing page in the same tab page");
}

buka di halaman tab baru menggunakan _blank

demo 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");
    },