Question

我有这行代码

window.useComponent = {
  renderMyFirstComponent : ReactDOM.render(
    window.myReactComponents.myFirstComponent(),
    document.getElementById('myReactElement')
  )
};

第一个引号用于formsParent.innerHTML = "<p style = 'color: black; font-family: "Times New Roman" font-size: 2em'> Order submitted. Thank you for ordering! </p>"属性。接下来是innerHTML元素的style属性内的属性，最后我需要在<p>属性内用另一个引号，其值包含多个单词，因此也需要用引号引起来。只有“” 和''，并且字体家族使用双引号会引发错误。如何在引号内使用引号？

编辑：这不是Double quote in JavaScript string的重复项。停止举报！

在以上问题中，OP要求使用单引号-答案就是单引号和双引号，反之亦然。

在我的问题中，我要求双引号-在[quotes]内[quotes]内的[quotes]。我的问题是额外的引号层。

Answer 1

最好的选择是转义引号字符：

formsParent.innerHTML = "<p style=\"color: black; font-family: 'Times New Roman' font-size: 2em\"> Order submitted. Thank you for ordering!</p>";

Answer 2

在您的情况下，您需要转义quotes：

formsParent.innerHTML = "<p style='color: black; font-family: \"Times New Roman\"; font-size: 2em'> Order submitted. Thank you for ordering! </p>";

但是，在这种情况下，最好使用backtick来包含innerHTML值，因此您永远不必转义apostrophes或quotes：

formsParent.innerHTML = `<p style='color: black; font-family: "Times New Roman"; font-size: 2em'> Order submitted. Thank you for ordering! </p>`;

Answer 3

使用template literal

document.getElementById('formsParent').innerHTML = `<p style = 'color: red; font-family: "Times New Roman" font-size: 2em'> Order submitted. Thank you for ordering! </p>`

<div id="formsParent">

双嵌套引号

3 个答案: