javascript - jQuery $().html 转义 &-sign

Question

var alt = json_data['alt']; // some text
var url = json_data['url']; // some url

var img_url = '<img src=\'/' + url + '?h=100&w=100\' alt=\'' + alt + '\'>';
$('#imagepreview').html(img_url); // translates to <img src="/some_url?h=100&amp;w=100" alt="some_text">

为什么会发生这种情况，我该如何防止这种情况发生？

Answer 1

&实际上是有效的 URL，而不是 &

Answer 2

我个人认为不会发生这种情况，但是您应该这样做：

var img = $('<img />', {
    src: '/' + url + '?h=100&w=100',
    alt: alt
}).appendTo('#imagepreview');

这样可以确保正确完成任何转义，例如alt属性！

Answer 3

您必须使用 \u0026 而不是 &