将html代码块存储到javascript变量的语法是什么?
<div class='saved' >
<div >test.test</div> <div class='remove'>[Remove]</div></div>
我想把上面的代码赋给一个变量'test‘
var test = "<div class='saved' >
<div >test.test</div> <div class='remove'>[Remove]</div></div>";
但是它不起作用,分配代码的正确语法是什么?
提亚
发布于 2010-08-05 06:16:02
var test = "<div class='saved' >"+
"<div >test.test</div> <div class='remove'>[Remove]</div></div>";
如果需要换行符,可以添加"\n“。
发布于 2011-03-19 15:40:06
欢迎光临!我知道这是一篇比较老的文章,但我是在Google上搜索"javascript add large block of html as variable“时找到的。我想我应该发布一个替代的解决方案。
首先,我建议在变量本身两边使用单引号...使得在实际HTML代码中保留双引号变得更容易。
如果您想保持代码的格式化感觉,可以使用反斜杠来分隔各行:
var code = '<div class="my-class"> \
<h1>The Header</h1> \
<p>The paragraph of text</p> \
<div class="my-quote"> \
<p>The quote I\'d like to put in a div</p> \
</div> \
</div>';
注意:您显然需要转义代码中的任何单引号(例如,在最后一个'p‘标记中)
无论如何,我希望这能帮助其他可能正在寻找与我相同的答案的人…干杯!
发布于 2017-05-29 10:52:27
我们可以使用反引号()而不会出现任何错误。例如:<div>"test"<div>
我们可以将大模板(HTML)存储在ES6 javascript标准中引入的反引号内
不需要转义任何特殊字符
如果没有反划线..我们需要通过附加反斜杠()来转义字符,例如:“\"test\"”
https://stackoverflow.com/questions/3410198
复制相似问题