使用js在html附加中使用斜杠进行转义

Question

这是我的DOM的结果

<div style="background: #fff url(" http:="" i.imgur.com="" qeoj4ae.png")="" no-repeat="" center="" center;"="">

我做的是这样的：

var htmlBlock = '<div id="bannerWrap"  style="background: #fff url("'+image+'") no-repeat center center;">';

为什么斜线逃脱了？我控制台console.log（图片），斜线在那里......我不知道..

Answer 1

试试这个：使用\'将图片放在引号内。

var htmlBlock = '<div id="bannerWrap"  style="background: #fff url(\''+image+'\') no-repeat center center;">';