javascript - 使用 JavaScript 更改另一个页面中的 div 的背景图像

Question

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

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

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

我是否可以从另一个页面更改 Wrapper 的背景？

谢谢

Answer 1

您可以将这些值存储在 cookie 中，工作示例在这里 -> 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);
        }
    }
}