JS：从变量更改OnClick事件

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

在这种情况下，您应该考虑此表达式中真正动态的内容，并使用变量代替evaling整个JavaScript字符串。例如，如果这是网址，那么你可以有这样的事情：

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

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