是否可以使用Javascript保存移动div的状态？

Question

所以我有一个div的页面，我可以拖动。是否有可能 - 如果没有JSON或数据库访问权限来保存这些div的位置，那么当我下次打开页面时，它们与我留下的位置相同？这是一个本地文件，所以我可以写入文件 - 如果这是一个考虑因素。

Answer 1

我建议阅读这个问题/答案，以了解如何通过JavaScript获取div的位置：Get the position of a div/span tag。

之后，只需使用JavaScript将数据保存在cookie中即可。这里的a decent tutorial让你开始。

Answer 2

您是否尝试过使用cookie来存储信息。 IT会允许一种手段来保存窗口属性，而不是回到服务器端。

设置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; 
} 

GET COOKIE

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); 
    } 
    } 
} 

CHECK COOKIE

function checkCookie() 
{ 
var username=getCookie("username"); 
    if (username!=null && username!="") 
    { 
    alert("Welcome again " + username); 
    } 
else 
    { 
    username=prompt("Please enter your name:",""); 
    if (username!=null && username!="") 
    { 
    setCookie("username",username,365); 
    } 
    } 
}