谁能帮我弄清楚为什么第一张图片没有在 Chrome 中加载？在 Firefox 和 Safari 中测试，两者都很好。
我创建了 2 个 iframe，其中一个加载了一个动态生成的 svg 图像，其中包含一个与协议无关的 url：
img1.setAttributeNS('http://www.w3.org/1999/xlink', 'href', url);
第二个使用绝对网址。
img2.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'http:'+url);
为什么 Chrome 不想加载第一张图片？
演示在这里：
根据其在 chrome 中的工作更改您的代码
img1.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'http:'+url);
尝试这个：
img1.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'http:'+url);
您从第一张图片中遗漏了“http”+ url。
编辑：
问题是没有 http 它不能评估字符串，最后一个值是一个字符串：
value is the desired string value of the new attribute.
https://developer.mozilla.org/en-US/docs/Web/API/Element.setAttributeNS
它将被添加到您的元素中，但没有任何效果。