Question

我正在使用以下行将div Wrapper的背景更改为图像：

$("#wrapper").css("background","url(images/bg.jpg) no-repeat 0 0");

但是，Wrapper存在于我调用这行代码的函数的另一个页面中，所以当我导航到包含Wrapper的页面时，它没有改变。

无论如何我能从另一页改变Wrapper的背景吗？

由于

Answer 1

您可以将值存储在Cookie中，这里的工作示例 - ＆gt; http://jsfiddle.net/manseuk/cEpjc/：

将其存储在您要设置背景的页面上的cookie中：

setCookie('background','url(images/bg.jpg) no-repeat 0 0');

然后在“其他”页面上执行此操作：

$('#div').css('background',getCookie('background'));

对于cookie阅读和写作，你可以使用jQuery plugin（感谢@Filip）或基本的JavaScript cookie方法：

function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}


function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == c_name) {
            return unescape(y);
        }
    }
}

使用JavaScript更改另一页中div的背景图像

1 个答案: