如何在JavaScript中使用文字引号？

这是我的代码：

const myFunction = () => {
   let winnerScreen="images/winner.png";
   let winnerId="winnerScreen";
   document.getElementById("output").innerHTML='<img id='+winnerId+" "+'src='+winnerScreen+'/>';
}

constmyfunction=（）=>{
让winnerScreen=“images/winner.png”；
让winnerId=“winnerScreen”；
document.getElementById（“输出”）.innerHTML=''；
}

我有一种感觉，我能够在一行中编写这个函数，但我不知道如何在JavaScript中使用文字引号

---

有人能帮我吗？

这将是一个带有模板文字的单行程序：

constmyfunction=（）=>document.getElementById（'output'）。innerHTML=``；
myFunction（）
这将是一个带有模板文本的单行程序：


constmyfunction=（）=>document.getElementById（'output'）。innerHTML=``；
myFunction（）
这样做。使用backtick&
$


让winnerId=1；
让winnerScreen继续https://unknownSource.com/uk.jpg'
var_str=``；
console.log（_str）
这样做。使用backtick&
$


让winnerId=1；
让winnerScreen继续https://unknownSource.com/uk.jpg'
var_str=``；
console.log（_str）
编写如下字符串文字：

document.getElementById('output').innnerHTML = `<img id=${winnerId} src=${winnerScreen} />`;

或者，如果希望整个函数位于一行上：

const myfunction = () => document.getElementById('output').innnerHTML = '<img id="images/winner.png" src="winnerScreen" />';

constmyfunction=（）=>document.getElementById（'output'）.innnerHTML=''；

但这有点愚蠢，不要试图保留行，而是尝试保留代码可读性。
编写一个字符串文字，如：

document.getElementById('output').innnerHTML = `<img id=${winnerId} src=${winnerScreen} />`;

或者，如果希望整个函数位于一行上：

const myfunction = () => document.getElementById('output').innnerHTML = '<img id="images/winner.png" src="winnerScreen" />';

constmyfunction=（）=>document.getElementById（'output'）.innnerHTML=''；

但这有点愚蠢，不要试图保留行，而是尝试保留代码的可读性。
对于新版本，您可以使用倒勾（`），并或多或少像PHP中一样使用插值：

document.getElementById（“输出”）.innerHTML=`

请注意：


属性应该用双引号括起来`
请避免使用代码截图
对于新版本，您可以使用倒勾（`），并或多或少地像在PHP中一样使用插值：

document.getElementById（“输出”）.innerHTML=`

请注意：


属性应该用双引号括起来`
请避免使用代码截图
我想你的意思是如何在引号中使用引号

您有两个版本的引号

“
和
”

在每一个里面你可以使用另一个

document.getElementByID('output').innerHTML = "<img id='winnerScreen' src='images/winner.png'>";

document.getElementByID（'output'）.innerHTML=“”；
我想你的意思是如何在引号中使用引号

您有两个版本的引号

“
和
”

在每一个里面你可以使用另一个

document.getElementByID('output').innerHTML = "<img id='winnerScreen' src='images/winner.png'>";

document.getElementByID（'output'）.innerHTML=“”；
如果您只是将代码作为文本添加到帖子中……请避免代码截图。由于代码与页面其他部分的对比度不好，我确实很难阅读这些代码。您可以编辑您的帖子，让它现在就遵循规则。无需等待下一个问题。投票关闭此项。如果您只是将代码作为文本添加到帖子中…请避免代码截图。由于代码与页面其他部分之间的对比度不好，我真的很难阅读该代码。您现在可以编辑您的帖子并使其遵守规则。无需等待下一个问题。投票来结束这场比赛。不过我还是要花3行，有没有办法一行就完成？你是什么意思？那只是一条线。如果你的意思是这样的话，实际上没有任何方法可以进一步压缩代码。我想他希望将函数作为一行，将整个函数作为一行：）这可能吗？@CertainPerformance非常感谢您的帮助和知识！：）但这仍然需要花费我3行代码，我有没有办法在一行代码中完成它？你是什么意思？那只是一条线。如果你的意思是这样的话，实际上没有任何方法可以进一步压缩代码。我想他希望将函数作为一行，将整个函数作为一行：）这可能吗？@CertainPerformance非常感谢您的帮助和知识！：）对不起，我只是这个论坛的初学者，会做笔记的！：）谢谢你的帮助。“属性应该用双引号括起来”-单引号也可以-很抱歉，我只是这个论坛的初学者，将做笔记！）感谢您的帮助。“属性应该用双引号括起来”-单引号也可以-如果我尝试这样做，它会显示以下错误消息：“当前JavaScript版本不支持字符串模板”。我正在将WebStorm 2017.2.4与ECMAScript 5.1一起使用，我是否应该更新到ECMAScript 6，或者是否有任何理由不更新？您需要从webstromIf更改js vesrion ecma6。我尝试了一下，它会显示以下错误消息：“当前JavaScript版本不支持字符串模板”。我正在将WebStorm 2017.2.4与ECMAScript 5.1一起使用，我应该更新到ECMAScript 6吗？还是有什么理由不更新？您需要从webstromI更改js vesrion ecma6，我想知道为什么所有其他答案都是关于模板文本的，而这已经存在并且更容易做到。我想补充一点，您也可以转义引号-
“这是一个带有\“quoted\”文本的字符串”
-也适用于这两种类型的引号。因为涉及到变量，您的答案完全忽略了这一事实。@CRANO Hint是一行。也许他不想要变量。我还不能发表评论。“我不是现在。”科拉罗这个问题并没有说明需要这些变量。它所说的是，它需要代码在一行上，如果您删除变量，代码就会在一行上。如果您使用一个模板文本，您仍然需要变量，因此它不会是一行。否则，没有真正的理由不使用简单字符串。就目前而言，这个问题不可能真正解决