為什么Jquery在img src前面加上窗口URL？

Question

所以我有這個簡單的代碼：

var openPopUp = function(_type, _src) {
    $(_type).bind('click', function(e) {
        e.preventDefault();
        $('#img_pop_up').bPopup({
            onOpen: function() {
                console.log(document.getElementById("jpg_pop_up")['src']);
                $("#jpg_pop_up").attr("src",_src);
                /*$("#jpg_pop_up").attr("src","http://freefever.com/stock/2013-abstract-hd-wallpaper.jpg");*/
            }
        });
    });
}

注釋中提到的那行效果很好，但是當我將變量傳遞為_src時，它會在src之前添加window.location url，然后嘗試獲取圖像。 就像http://myserver.com/http://image_url/一樣，為什么？ 我正在傳遞絕對網址。 當我執行console.log（_src）時，它會打印完整的URL，但是當我打印時

console.log(document.getElementById("jpg_pop_up")['src']);

這會打印我的窗口位置網址！ 應該為空。

當我對網址的路徑進行硬編碼時，它可以正常工作，但是當我使用變量傳遞路徑時，它會假定該路徑為相對路徑。

Answer 1

嘗試這個：

console.log(document.getElementById('jpg_pop_up').getAttribute("src"));

此處的重要區別在於src 屬性包含您提供的內容，而src 屬性包含完全解析的URL。