2016-08-16 56 views
0

我做了一個2個網址的錨標籤。一個是href,另一個是data-url。當我點擊按鈕時,它應該在新選項卡中打開一個正確的頁面。但另外我想要的是用我設置的data-url鏈接重新加載當前頁面。點擊新鏈接重新載入窗口

因此,在示例中,我將href設置爲google.com,並在新選項卡中打開。它是正確的,但是當我們點擊按鈕時,我還需要將當前頁面重新加載到youtube.com的data-url。

HTML

<a href="https://www.google.com/" target="_blank" data-url="https://www.youtube.com/" id="agree">Click me</a> 

JS

$('#agree').on('click', function(e) { 
    var url = $(this).data('url'); 
    console.log(url); 
    // window.open(url); 
    location.reload(url); 
}); 

Link To Codepen

回答

3

的URL設置爲window.location.href

$('#agree').on('click', function(e) { 
    var url = $(this).data('url'); 
    window.location.href = url; 
}); 
+0

感謝工作。 ! 快速的問題你。 window.location.href和location.href之間有什麼區別 –

+0

基本上它是一樣的。但是如果你在某處使用'var location ='foo'之類的東西,'你的腳本將失敗。使用前面的'window.'訪問窗口屬性是很有用的。 @BipuBajgai – eisbehr

+0

http://codepen.io/sabipu/pen/ZOkmKw - 嘿,但這並不適用於mac safari。你知道爲什麼 ? –

0

將location.reload(url)更改爲location.href = url;。它會工作

+0

http://codepen.io/sabipu/pen/ZOkmKw - het但是這個deosnot在mac safari上運行。你知道爲什麼 ? –

相關問題