js里面的双引号问题

Question

单独在外能执行
放在popup就不行，是引号问题吗

bindPopup(`<div style='width:138px'><button id=1 onclick="show
('addfav');">点击测试</button> </div>`)

这里又不行了。onclick没有动静
问题出在哪

Answer 1

字符串引号拼接，要么外围双引号""里面单引号''，要么外围单引号''，里面双引号""，如果要解决嵌套引号问题，就把那个嵌套引号转义\

'<div style="width:138px"><a style="color:red" onclick="javascript:alert(\'请登陆后收藏\')">收藏 </a></div>'

"<div style='width:138px'><a style='color:red' onclick='javascript:alert(\"请登陆后收藏\")'>收藏 </a></div>"

单引号和双引号使用

Answer 2

可以使用反斜杠\ 来转义，\" 输出后就是 "，例如：

$("body").append("<button style=\"color:red;\" onclick=\"javascript:alert('hello')\">btn3</button>")

//<button style="color:red;" onclick="javascript:alert('hello')">btn3</button>