javascript - 如何在字符串中传递字符串？

Question

我有一个 javascript playAudio() 函数，它需要一个字符串参数。我似乎无法弄清楚如何在不破坏字符串的情况下将字符串值作为该函数的参数传递。

htmlString = "<button class='button-icon' value='PLAY' onclick='playAudio()'></button>";

我想传递字符串“SP00005”作为参数。但是，我无法使用引号或撇号，因为它们已经用于我的 htmlString 的更外部部分。

我什至尝试将 htmlString 的形成分解为各个步骤，如下所示:

htmlString = "";
htmlString += "<button class='button-icon' value='PLAY' onclick='playAudio(";
htmlString += "SP00005";
htmlString += ")'></button>";

所以我的问题是:如何在本身位于字符串中的字符串中传递字符串？

Answer 1

一种方法是转义 "。

htmlString = "<button class='button-icon' value='PLAY' onclick='playAudio(\"foo\")'></button>";

更好的选择是使用 javascript 选择按钮，添加事件监听器并且不用担心内联 js

<button id="fooBtn" class='button-icon' value='PLAY'></button>

js:

document.getElementById('fooBtn').addEventListener('click', function() {
    playAudio("SP00005");
});