Question

我不确定如何更好地描述我的问题。我重复了几次以下的JS代码：

window.kgmp["marker23"]=new InfoBox({
    content: "<div class=\"wrapBox\" align=\"left\"><div class=\"imageBox\"><span class=\"imageWrap\"><img src=\"http:\/\/www.MYSITE.com\/wp-content\/uploads\/2011\/04\/Hellespont (3).jpg\" alt=\"\"\/><\/span><\/div><div class=\"specsBox\"><h2>HMS Hellespont<\/h2><div class=\"shortDesc\"><p>one of the last steam paddle tugs to be built, forgotten till the late 1990\u2019s.<\/p><\/div><a class=\"moreInfo\" href=\"javascript:showMarker(23);\">more details &raquo;<\/a><\/div><\/div>",
    disableAutoPan: false,
    maxWidth: 0,
    pixelOffset: new google.maps.Size(-134, 0),
    zIndex: null,
    boxStyle: {
        background: "",
        border: "none",
        font: "12px Georgia",
        width: "249px",
        height: "115px",
        padding: "20px 10px 10px 10px",
        position: "absolute"
    },
    closeBoxURL: "",
    infoBoxClearance: new google.maps.Size(1, 1),
    isHidden: false,
    pane: "floatPane",
    enableEventPropagation: false
});

NB：这是生成的代码;这解释了为什么有一些糟糕的格式化实践（例如长行和大量文字）。由于几个原因，标记存储在全局变量中，不需要继续使用“全局变量是邪恶的咒语”，谢谢。

那么，问题在哪里？

在运行页面几次后，使用上述代码中的2个或更多，我开始在Firebug中注意到很多404错误，其中一个是：

“NetworkError：404 Not Found - http://www.MYWEBSITE.com/user/holiday-planner/%5C%22http:%5C/%5C/www.MYWEBSITE.com%5C/wp-content%5C/uploads%5C/2011%5C/04%5C/Hellespont”

以下是需要注意的一些要点：

图像未在其他任何地方引用。
包含图像的HTML可以完美地工作（调用时）。
404错误中的图片网址错误。它与用户所在的当前页面相关（http://www.MYSITE.com/user/holiday-planner/5-marsascala-zejtun-marsaxlokk-birzebbugia）。
从javascript部分看，代码正确编码，我没有得到任何JS错误。
我尝试过使用CDATA，但无济于事。再说一遍，这更好，因为我不喜欢CDATA垃圾。
我在Firefox 3.6上测试了这个。将在几分钟内尝试在其他人身上...... Chrome和Safari似乎对此问题免疫。

浏览器自动从JS源查找图像URL

0 个答案: