我有一个代码:
$("#details_pics").html('<div style="background-image:url(\"'+details.images[0]+'\");background-repeat: no-repeat;background-size: cover;background-position: 0;height: 270px;"></div>');
但不知何故,它会返回没有斜杠的链接:http www.wjrlkwe.com index
我做错了什么?
答案 0 :(得分:2)
您在URL周围使用引号而不对其进行HTML编码,因此该URL最终会超出style
属性。浏览器尝试将URL解析为属性,这自然会最终成为一团糟。
使用HTML实体"
作为引号:
$("#details_pics").html('<div style="background-image:url("'+details.images[0]+'");background-repeat: no-repeat;background-size: cover;background-position: 0;height: 270px;"></div>');