Question

我创建了一个页面，人们可以通过javascript自行更改背景。但是当我在页面之间切换时，设置就消失了。我怎样才能解决这个问题：＆＃34; HTML＆＃34;，＆＃34; CSS＆＃34;和＆＃34; JAVASCRIPT＆＃34;？

这是我的HTML代码：

<input type="image" id="bc-wood-button" src="images/background-wood.jpg" width="213" height="120">
<input type="image" id="bc-nature-button" src="images/background-nature.jpg" width="213" height="120">

这是我的Javascript：

$(document).ready(function() {
    $('body').css('background-image', 'url("images/background-wood.jpg")');
    document.getElementById("bc-wood-button").addEventListener("click", WoodenBackground);
    document.getElementById("bc-nature-button").addEventListener("click", NatureBackground);

    function WoodenBackground() {
        $('body').css('background-image', 'url("images/background-wood.jpg")');
    }

    function NatureBackground() {
        $('body').css('background-image', 'url("images/background-nature.jpg")');
    }
});

Answer 1

与评论中建议的其他人一样，您可以使用rect = [(x3, y3), (x4, y4), (x5, y5), (x6, y6)]或localStorage来保存和加载数据。

sessionStorage

jsfiddle

如何使用Javascript保存CSS更改？

1 个答案: