javascript之在新窗口中打开链接后，如何使用 JavaScript 更改 href 属性

我的页面上有一个链接

<a href="http://google.com" id="mylink" onclick="changeLink();" target="_blank">google</a> 

目标是点击此链接(在新选项卡中打开)并更改其属性(在上一个选项卡中)。我的意思是我们在新标签页中打开 google.com，如果我们回头查看链接，它会被刷新。

我试过这段js代码

function changeLink(){ 
    document.getElementById("mylink").href = "http://facebook.com"; 
    document.getElementById("mylink").innerHTML = "facebook"; 
    } 

但它也改变了新打开标签的目标。在我的示例中，它没有打开 google，而是打开了 facebook。

可以修复吗？

请您参考如下方法:

你的 onclick 在 href 之前触发，所以它会在页面打开之前改变，你需要像这样让函数处理窗口打开:

function changeLink() { 
    var link = document.getElementById("mylink"); 
 
    window.open( 
      link.href, 
      '_blank' 
    ); 
 
    link.innerHTML = "facebook"; 
    link.setAttribute('href', "http://facebook.com"); 
 
    return false; 
}