使图像在通过javascript创建的弹出窗口中工作

Making images work in popup created through javascript

本文关键字：窗口 工作 创建 图像 javascript      更新时间：2023-09-26

我有一个弹出窗口，所有数据都是通过javascript添加的。但是，添加的所有图像都无法解析。如何在不提供绝对 url 的情况下使图像正常工作？

JSFiddle 

$("#openPopup").click(function() {
    var win = window.open();
    var body = $(win.document.body);
    $(body).append($("<img src='/img/logo.png' style='background:blue' />"));
    $(body).append($("<div>Hello World</div>"));
});

window.location.hostname应该这样做。

$(body).append($("<img src='http://"+window.location.hostname+"/img/logo.png' style='background:blue' />"));

http://jsfiddle.net/babumxx/v2zKa/2/

http://fiddle.jshell.net/babumxx/v2zKa/2/show/

UI 元素最好用作 CSS 背景：

#openPopup {
     background-image:url(img/logo.png);
     background-repeat:no-repeat;
     background-position:10px 10px;
}

CSS 路径相对于样式表的位置，而不是页面本身。

相关文章：