クリックすると新しいURLのリロードウィンドウ

Question

2つのURLを持つアンカータグを作成しました。 1つはhrefで、もう1つは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

Answer 1

window.location.hrefにURLを設定します。

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

Answer 2

location.reload（url）をlocation.href = urlに変更します。。それは動作します