Question

这是我的代码：

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

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

有人能帮助我吗？

Answer 1

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

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

<div id="output"></div>

但在这种情况下，使用模板文字是没有意义的，因为你可以简单地传递字符串..

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

<div id="output"></div>

注意：

您可以使用"和'引号来编写字符串（如上一个代码段中所示）：

"<img id='winnerScreen' src='images/winner.png' />"
或只有一个引用类型，如'，并使用字符串转义\'如下所示：

'<img id=\'winnerScreen\' src=\'images/winner.png\' />'

Answer 2

对于新版本，你可以使用反引号（`）并在PHP中使用或多或少的工作，使用插值：

document.getElementById("output").innerHTML= `<img id="${winnerId}" src="${winnerScreen}">`

请注意：

属性应该用双引号括起来
请避免使用代码截图。

Answer 3

这样做。使用反击和反差$

let winnerId = 1;
let winnerScreen = 'https://unknownSource.com/uk.jpg'
var _str = `<img id = "${winnerId}" src ="${winnerScreen}">`;
console.log(_str)

Answer 4

写一个字符串文字，如：

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

但最好将"放在HTML属性周围：

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

或者如果你想让整个功能在一行上：

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

但这有点傻，不要试图保留行，试着保留代码可读性。

Answer 5

我猜你的意思是如何在引号中使用引号。

您有两个版本的报价。

"和'。

在每一个内部，你可以使用另一个。

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

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

5 个答案: