Javascript 如何在双引号字符串中添加变量

这可能是一个愚蠢的问题，但我正在尝试向.setAttribute onclick事件添加一个变量，但我不太确定将变量添加到引号中的正确语法是什么？上述警报未显示

var testStr='World';
tUserBlock.setAttribute('onclick', 'javascript:alert("Hello" + testStr)');

---

但是，这是一种将单击事件绑定到元素的糟糕方法。相反，请查看

元素.addEventListener

方法-这是首选的绑定方式。这有多种原因——其中一个原因是您不局限于每种类型的一个事件（正如您当前的方法一样）。另一个原因是它使代码不被标记。

这是绑定事件的正确方法（无需使用

setAttribute

）：

如果你仍然坚持你原来的方式，这就是你的方式：

var testStr='World';
tUserBlock.onclick = function() { alert("Hello" + testStr) };

试试这个

var testStr='World';
tUserBlock.setAttribute('onclick', 'javascript:alert("Hello ' + testStr + '")');

---

我希望这对你有帮助

这对我很有效，我没有改变任何事情：

var testStr='World';
tUserBlock.setAttribute('onclick', 'javascript:alert("Hello '+testStr+'")');

点击我
var tUserBlock=document.querySelector（'.tUserBlock'）；
var testStr='World'；
setAttribute（'onclick'，'javascript:alert（“Hello”+testStr”）；

不要使用SET属性添加单击处理程序！糟糕。你应该使用

var testStr='World';
tUserBlock.setAttribute('onclick', 'javascript:alert("Hello '+testStr+'")');

<button class="tUserBlock">click me</button>

<script>
  var tUserBlock = document.querySelector('.tUserBlock');
  var testStr='World';
  tUserBlock.setAttribute('onclick', 'javascript:alert("Hello" + testStr)');  
</script>