Javascript 刷新页面后更改div位置
我有3个div,如下代码:-Javascript 刷新页面后更改div位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有3个div,如下代码:- <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 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);
};
var链=[
document.getElementById(“div1”),
document.getElementById(“div2”),
document.getElementById(“div3”)
],
包装器=document.getElementById(“包装器”),
刷新=document.getElementById(“刷新”);
refresh.onclick=函数(){
chain.push(chain.shift());
对于(变量i=0,len=chain.length;i
如果您想要,您必须使用cookies!嗯。。。
关于cookies:
代码:
现在你可以
document.getElementById("div1").height(document.cookie);
正如我所评论的,您可以使用cookie来控制页面是否刷新。 您可以控制用户何时卸载页面,因此,它将类似于:
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);
};
/////////////////////
if( !!getCookie('refresh') == location.pathname ){
setCookie('refresh', '', -1);
refresh.click();
}
window.onbeforeunload = function(){
setCookie('refresh', location.pathname, 1);
};
/////////////////////
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
}
return "";
}
var链=[
document.getElementById(“div1”),
document.getElementById(“div2”),
document.getElementById(“div3”)
],
包装器=document.getElementById(“包装器”),
刷新=document.getElementById(“刷新”);
refresh.onclick=函数(){
chain.push(chain.shift());
对于(变量i=0,len=chain.length;i 对于(var i=0;i-抱歉..你想记录什么?你可以更具体一点我想你需要在页面刷新时执行此操作而不是在刷新按钮上单击鼠标右键?我知道你需要服务器端代码。如果你想刷新页面,你可以设置cookie,在页面刷新时,检查cookie是否存在并调用你的重新排序功能。然后删除cook你需要在持久性中设置一些标志,比如sessionStorage。web是无状态的
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);
};
/////////////////////
if( !!getCookie('refresh') == location.pathname ){
setCookie('refresh', '', -1);
refresh.click();
}
window.onbeforeunload = function(){
setCookie('refresh', location.pathname, 1);
};
/////////////////////
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
}
return "";
}