可以用Javascript保存可移动div的状态吗？

所以我有一个可以拖动的带有div的页面。在没有JSON或数据库访问的情况下，是否有可能保存这些div的位置，以便下次打开页面时，它们与我离开时的位置相同？这是一个本地文件，因此我可以写入该文件-如果需要考虑的话

我建议阅读此问题/答案，了解如何使用JavaScript获得div的位置：

---

之后，只需使用JavaScript将数据持久化到cookie中。下面让您开始了解这一点。

我建议阅读此问题/答案，了解如何使用JavaScript获得div的位置：

---

之后，只需使用JavaScript将数据持久化到cookie中。下面让您开始了解这一点。

您是否尝试过使用cookies存储信息。它将允许保存窗口属性，而不返回服务器端

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

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

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

---

您是否尝试过使用cookies存储信息。它将允许保存窗口属性，而不返回服务器端

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

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

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

---

使用cookies是一种选择吗？或者，什么浏览器？更现代的浏览器支持可以使用的离线存储。我的目标是任何现代浏览器/Chrome/Firefox/IE/Safari。是的，它将是一个本地页面，因此脱机存储是一个选项！使用cookies是一种选择吗？或者，什么浏览器？更现代的浏览器支持可以使用的离线存储。我的目标是任何现代浏览器/Chrome/Firefox/IE/Safari。是的，它将是一个本地页面，因此脱机存储是一个选项！从外部源复制和粘贴代码时，应该发布引用。例如，此代码来自不应说出姓名的站点：。另请参见：oops，yeah抱歉，忘记了不应该说出的站点的引用。为什么不应该说出站点的名称？复制和粘贴外部源代码时，您应该发布引用。例如，此代码来自不应说出姓名的站点：。另请参见：哦，是的，很抱歉忘记了不应该说的站点的引用。为什么不应该说的站点的名称？