Javascript 如何在内部添加href dynamic<；链接>；标签

我试图在angular 2中显示favicon，我通过放置这些行来实现

  <link rel="shortcut icon" type="image/x-icon" href="app/favicon.ico" />

但是，在这方面有一个问题，我需要刷新我的页面，第二次在一个新的浏览器上显示favicon。但是，我希望favicon能够有力地更新，为此我正在使用它

<link rel="icon" href=http://domainname+"/favicon.ico?v=2"/>

为此，我需要动态填充域名

我还使用下面的代码获取主机名

  <script>
    var url = window.location.href
    console.log('Main Loaded '+url);
  </script>

var url=window.location.href
console.log（'Main-Loaded'+url）；

现在我想把url放在域名所在链接的href中。

---

请建议我如何做到这一点。

可以动态设置链接的href。您必须标识链接并设置元素的href属性，如以下代码所示

window.document.getElementsByTagName('link')[0].href = url;

---

链接的href可以动态设置。您必须标识链接并设置元素的href属性，如以下代码所示

window.document.getElementsByTagName('link')[0].href = url;

---

不能直接这样设置href，因为document.getElementsByTagName会返回所有标记（作为节点列表）。如果您确定只有一个，请使用以下方法：

var findlink = document.getElementsByTagName("link");
findlink[0].href = url;

如果您有多个链接元素，并且希望针对一个特定的链接元素，请为其指定一个id并使用

document.getElementById

：

var findlink = document.getElementsById("myLinkId");
findlink.href = url;

---

不能直接这样设置href，因为document.getElementsByTagName会返回所有标记（作为节点列表）。如果您确定只有一个，请使用以下方法：

var findlink = document.getElementsByTagName("link");
findlink[0].href = url;

如果您有多个链接元素，并且希望针对一个特定的链接元素，请为其指定一个id并使用

document.getElementById

：

var findlink = document.getElementsById("myLinkId");
findlink.href = url;

---

window.location.href

将返回完整路径。
因此，使用

window.location.protocol+“/”+window.location.host

获取域

document.getElementsByTagName（'link'）[0]。href=window.location.protocol+“/”+window.location.host+“/favicon.ico？v=2”；
log（document.getElementsByTagName（'link'）[0]）
窗口。location.href
将返回完整路径。

因此，使用
window.location.protocol+“/”+window.location.host
获取域


document.getElementsByTagName（'link'）[0]。href=window.location.protocol+“/”+window.location.host+“/favicon.ico？v=2”；
log（document.getElementsByTagName（'link'）[0]）