javascript - JS : Change OnClick Event from variable

Question

我正在尝试更改按钮的 onclick 事件。这是我的代码:

var onclickEvent = 'window.open("https://www.google.com", "", "widht:20px height:30px")'
btn.onclick = function() {onclickEvent}

Answer 1

您需要这样分配:

var onclickEvent = function() {
    window.open("https://www.google.com", "", "widht:20px height:30px");
};
btn.onclick = onclickEvent;

对于您拥有的字符串，您唯一的选择是eval，这被认为是不好的做法，不推荐:

var onclickEvent = 'window.open("https://www.google.com", "", "widht:20px height:30px")';
btn.onclick = function() { eval(onclickEvent); };

在这种情况下，您应该考虑此表达式中真正动态的部分，并为其使用变量，而不是评估整个 JavaScript 字符串。例如，如果这是网址，那么您可能会得到类似的内容:

var onclickEvent = function(url) {
    window.open(url, "", "widht:20px height:30px");
};

var url = 'https://www.google.com';
btn.onclick = function() { onclickEvent(url); };