我正在使用以下行将 div Wrapper 的背景更改为图像:
$("#wrapper").css("background","url(images/bg.jpg) no-repeat 0 0");
但是,Wrapper 存在于我调用这行代码的函数的另一个页面中,因此当我导航到其中包含 Wrapper 的页面时,它没有改变。
我是否可以从另一个页面更改 Wrapper 的背景?
谢谢
最佳答案
您可以将这些值存储在 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);
}
}
}
关于javascript - 使用 JavaScript 更改另一个页面中的 div 的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8312856/