Question

我有以下代码：

<div><input id="ShopButton" type="button" onclick="window.location.href='http://www.hyperlinkcode.com/button-links.php'"</div>

工作正常，但现在我的超链接将是动态的。所以我的问题是，如何设置变量然后将其传递给onclick事件？超链接将存储在名为StrUCode的变量中。

我知道我必须声明变量，但我如何将其用于我的按钮？

我在html / javascript中磕磕绊绊，只是弄湿了脚。

由于

Answer 1

如果您不想使用像我这样的内联js：

var StrUCode = "http://example.org";
document.querySelector("#ShopButton").addEventListener("click",function(){
    window.location.href=StrUCode;
},false);

使用EventTarget.addEventListener();收听有关以下元素的事件：click，mouseover等。

//You can use functions too:

var StrUCode = "http://example.org";
document.querySelector("#ShopButton").addEventListener("click",function(){
    redirectMe(StrUCode);
},false);

function redirectMe(url){
    window.location.href=url;
};

如何将超链接设置为变量

1 个答案: