Question

我正在创建一个网站，我希望人们能够更改背景图片。我有脚本改变工作正常，但我想包括一个“记住”功能。

这是我的javascript代码：

$(document).ready(function(){
    var body = $(document.body);
    $('#backgrounds').bind('change', function(event){
        var bg = $(this).val();
        if(bg == null || typeof bg === 'undefined' || $.trim(bg) === '')
            body.css('background-image', '');
        else
            body.css('background-image', "url('" + bg + "')");
    });
});

我如何为此添加“记住”功能？

Answer 1

如果您只定位现代浏览器，则可以将后台网址存储在本地存储空间中。

您已宣布var bg = $(this).val()的位置，请在其下方添加一个类似localStorage.setItem('bg', bg);的换行符。

然后在var body = $(document.body);下面写下：if( localStorage.getItem('bg') ) { body.css('background-image', "url('" + localStorage.getItem('bg') + "');"); }。

使用记住功能更改背景图像

1 个答案: