单击链接/ href,并在单击后设置新的链接/ href

时间:2020-03-27 10:25:44

标签: javascript

在将href链接设置为另一个链接之前,我在执行命令时遇到问题。我想单击href链接一并执行链接一的命令。之后,链接应更改为链接二。如果按下了链接二,则执行链接二的命令,然后改回链接一。

有了该功能,我可以在家中打开/关闭灯。目前,我有两个按钮,一个用于打开灯,另一个用于关闭灯。

任何帮助都会很好。谢谢。

我找到了使它正常工作的解决方案。也许有更好的方法可以做到这一点。要执行链接命令,我必须在html中添加“ target =“ _ blank”。

JavaScript

function toggleclick() {    
var url = new URL("http://www.google.com");
var urltwo = new URL("http://www.example.com");
var link = document.getElementById("link");

if(link.href === url.href){
  document.getElementById("link").href = urltwo.href;
} 
  else if (url.href !== urltwo.href) {
    document.getElementById("link").href = url.href;
  } 
  console.log(link.href);
}

html

<div class="menubtn" id="3">
  <a href="http://www.google.com" id="link" onclick="toggleclick()" target="_blank">test</a>
</div>

1 个答案:

答案 0 :(得分:0)

我猜您的if语句中有一个错误,因为link === linklink2 === link2始终为真。也许您想做link === 'link'link2 === 'link2'

这是什么结果?

相关问题