javascript - 刷新页面后更改div位置

Question

我有 3 个像这样的代码:-

<div class="row" id="wrapper">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>

当点击刷新按钮时

<button id="refresh">Refresh</button>

我们更改了我的 div，但是我需要在刷新页面时更改我的 div。

所以，我不需要点击刷新，我需要在每次打开页面时改变div的位置

我的 Javascript 代码是:-

        var chain = [
            document.getElementById("div1"),
            document.getElementById("div2"),
            document.getElementById("div3")
        ],
        wrapper = document.getElementById("wrapper"),
        refresh = document.getElementById("refresh");

        refresh.onclick = function() {
            chain.push( chain.shift() );
            for ( var i=0, len = chain.length; i < len; i++ ) {
                var el = chain[i];
                wrapper.removeChild(el);
                wrapper.appendChild(el);
            };
            console.log(chain);
        };  

Answer 1

如果你想要，你将不得不使用 cookie!嗯...不管怎样关于 cookies :http://www.w3schools.com/js/js_cookies.asp

代码:

document.cookie="height: 99px";

现在你可以

document.getElementById("div1").height(document.cookie);