使用JavaScript来改变一个div的背景图像中的另一页

Question

我使用下面的行来改变DIV包装的背景图像：

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

然而，在包装的另一页存在从功能我在这里调用这行代码，所以当我用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')); 

对于coo纪伊阅读和写作，你既可以使用一个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); 
     } 
    } 
}