JavaScript outerHTML 编码 URL 字符串

Question

我正在尝试将图像的 src 属性设置为我也在 JS 中生成的 URL。 URL 包含几个用“&”链接的参数，但是当获取元素的外部 HTML 作为字符串值时，所有的“&”都被替换为“&”，使得 URL 无用。为什么会发生这种情况？我必须替换解决它的所有事件？

var img = $("<img>");
img.attr("src","/test?param1=1&param2=2");
console.log(img[0].outerHTML); //printing <img src="/test?param1=1&amp;param2=2">

从该对象获取 src 属性会显示原始字符串，因此我相信在访问 outerHTML 时该值已被编码。

Answer 1

这只是使用 outerHTML 记录 img 的结果，因为该函数会在字符串输出之前对其进行序列化。在下面的示例中，我只是记录元素，您将看到图像源是正确的。此外，如果您在页面上输出图像，它也有正确的来源。

因此，除了记录输出的方式之外，您的代码没有任何问题。

var img = $("<img>");
img.attr("src","http://www.placecage.com/gif/284/196?param1=1&param2=2");
console.log(img[0]);
$("div").append(img);

<div></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>