我是 vscode 的新手,幾乎不會被一件事打擾。
var template = "<div>
<input type="text" hljs-string">">
<input type="text" hljs-string">">
<input type="text" hljs-string">">
<input type="text" hljs-string">">
<input type="text" hljs-string">">
</div> "
我不知道為什么 vscode 沒有將所有這些行包含在引號中。它只是拋出一個語法錯誤。當它們對齊一行時它會讀取,但是當我換行以使其看起來不錯時,代碼不起作用。任何想法?
uj5u.com熱心網友回復:
你可以這樣做:
var template = `
<div>
<input type="text" >
<input type="text" >
<input type="text" >
<input type="text" >
<input type="text" >
</div>
`;
document.body.innerHTML = template;
如果您不熟悉模板字串,請參閱 MDN 檔案。
uj5u.com熱心網友回復:
你可以試試這個方法。只需使用單引號將變數字串括起來,并使用反斜杠更改行。
var template = '<div>\
<input type="text" > \
<input type="text" > \
<input type="text" > \
<input type="text" > \
<input type="text" > \
</div>';
document.body.innerHTML = template;
uj5u.com熱心網友回復:
由于多種原因,它失敗了:
- 您可以使用雙引號來打開和關閉變數以及屬性。第一個屬性的開頭雙引號已經為此關閉了變數。
- JS 變數不允許有換行符。
- 不要用分號或逗號關閉變數(以防后面有更多變數)
您可以修復它的唯一方法如下例所示。您必須打開和關閉變數并使用 a 在下一行中繼續該變數:
var template = '<div>'
'<input type="text" >'
'<input type="text" >'
'<input type="text" >'
'<input type="text" >'
'<input type="text" >'
'</div>';
document.body.innerHTML = template;
uj5u.com熱心網友回復:
或者你可以
var template = '<div>\
<input type="text" >\
<input type="text" >\
<input type="text" >\
<input type="text" >\
<input type="text" >\
</div>'
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/433498.html
標籤:javascript html css
