Javascript 激活后更改链接的目标

不确定我在寻找什么，但我想知道是否有一种方法可以在链接处于活动状态时更改其名称及其目的地。一种开关

下面是一个模型

---

将只显示一个按钮。

根据url，您可以更改链接文本和href

var a = document.getElementById('linkId');
if(location.href == abouturl){
 a.href = blogurl;
 a.innerHTML = 'BLOG'
}
else{
   a.href = abouturl;
   a.innerHTML= 'ABOUT';
}

---

根据url，您可以更改链接文本和href

var a = document.getElementById('linkId');
if(location.href == abouturl){
 a.href = blogurl;
 a.innerHTML = 'BLOG'
}
else{
   a.href = abouturl;
   a.innerHTML= 'ABOUT';
}

使用jQuery

var linkObj = $("#linkId");
if(location.href == aboutUrl){
  linkObj.attr("href", blogurl).html("BLOG");
}
else{
  linkObj.attr("href", abouturl).html("ABOUT");
}

使用jQuery

var linkObj = $("#linkId");
if(location.href == aboutUrl){
  linkObj.attr("href", blogurl).html("BLOG");
}
else{
  linkObj.attr("href", abouturl).html("ABOUT");
}

---

我设法用CSS解决了这个问题

.collection-506d943d84aead5098d63cc2 
#main-navigation 
.blog-collection {
  display:none;
}

.collection-506daf5a84aead5098d68b94 
#main-navigation 
.page-collection {
  display: none;
}

---

我设法用CSS解决了这个问题

.collection-506d943d84aead5098d63cc2 
#main-navigation 
.blog-collection {
  display:none;
}

.collection-506daf5a84aead5098d68b94 
#main-navigation 
.page-collection {
  display: none;
}

---

“活动”是什么意思？为什么不在源代码中更改“关于”页面的名称，以便链接中包含博客名称，反之亦然？@ChandraSekharWalajapet如果我在“关于”页面上，则会显示博客链接，当我在博客页面上时，“关于”链接将替换“博客链接”什么是“活动”的？为什么不在“关于”页面的源代码中更改名称，以便“链接”中包含博客名称，反之亦然？@ChandraSekharWalajapet如果我在“关于”页面上，则会显示博客链接，当我在博客页面上时，“关于”链接取代了博客链接。除非将location.href值转换为小写或大写，否则上述解决方案不是100%防傻瓜的。这是人工输入，我怀疑上述解决方案不是100%防傻瓜的，除非将location.href值转换为小写或大写，这是人类进入，我怀疑