javascript - 背景图像不适用于 encodeURIComponent

Question

我希望它能工作

var url = 'http://path_to_some_image.jpg';
$('body').css('background-image', "url('" + encodeURIComponent(url) + "')");

但是我收到 404 not found 错误。浏览器无法处理 css 中的编码 url 是否有原因？

如果我使用原始 url 它可以工作，但是如果 url 包含引号和其他东西怎么办？我必须使用正则表达式手动替换它们:/

Answer 1

你应该做 encodeURI

var url = 'http://path_to_some_image.jpg';
$('body').css('background-image', "url('" + encodeURI(url) + "')");

区别在于

encodeURI 假定输入是一个完整的 URI，其中可能包含一些需要编码的字符。

encodeURIComponent 将对所有具有特殊含义的内容进行编码，因此您可以将它用于 URI 的组件，例如