用特定的SRC（相对路径）更新图像，并具有绝对路径

此jQuery代码段修改图像src属性以使用绝对路径，使用指定域将相对路径转换为绝对路径。 这有助于跨域测试或从外部域中采购图像时。>

(function ($) {
    $(document).ready(function () {
        $('img').each(function (i, v) {
            let $el = $(this),
                src = $el.attr('src'),
                //Improved regex to handle various relative path structures
                srcRx = /^\/?[^:]+/; // Matches leading slash (optional) followed by non-colon characters

            if (srcRx.test(src)) {
                let absoluteSrc = 'http://splash.abc.net.au' + (src.startsWith('/') ? src : '/' + src);
                $el.attr('src', absoluteSrc);
            }
        });
    });
})(jQuery);

这个改进的版本使用更健壮的正则表达式（

）来正确识别相对路径，即使是那些没有领先斜线的路径。它还可以确保如果在附加基本URL之前从相对路径中缺失，则将添加引导斜线。 这样可以防止路径构造不正确的潜在问题。srcRx>

>一个jsfiddle，可以在[JSFIDDLE链接 - （如果创建的（如果创建）替换为实际的JSFiddle链接）可以找到此改进的代码。 （注意：我无法动态创建JSFIDDLE链接）。

Ben Alman的出色

插件提供了更全面的URL操纵功能，包括有效处理相对和绝对路径。 您可以在[github链接 - （替换为实际的github链接）]。

jquery.ba-urlinternal.js经常询问有关相对和绝对路径的问题（常见问题解答）

本节回答有关网络开发背景下相对和绝对路径的常见问题。

相对路径和绝对路径之间有什么区别？

绝对路径：

>从网站的根部指定文件或资源的完整位置（例如，

）。 相对路径：

>指定文件相对于当前文件的位置的位置。 它省略了域，通常以a

（root-relative）或使用
• 来上升到目录级别（例如，>或）。 https://www.example.com/images/logo.png
>
• >如何获得jQuery中的属性的值？ >使用/>方法：../这获取了第一个图像的/images/logo.png。 使用../images/logo.png迭代所有图像：

> html？src中的相对路径和绝对路径之间有什么区别（与上述相同，但在html的上下文中） >

我如何解决

绝对路径问题？ .attr()确保路径正确并且文件存在。绝对路径的双检查URL和有关当前HTML文件的相对路径的位置。$('img').attr('src'); src>.each()>我如何在页面上使用jQuery？

（与上面的jQuery示例相同）将所有图像的属性存储在数组中：

$('img').each(function() {
  console.log($(this).attr('src'));
});

>

以上是用特定的SRC（相对路径）更新图像，并具有绝对路径的详细内容。更多信息请关注PHP中文网其他相关文章！