javascript - 如何将超链接设置为变量

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;
};