存储大小和位置信息的大小和位置信息的最佳选择是什么?我有一个页面,将有很多可调整大小的移动div。当用户再次访问该页面时,div的状态(顶部,左侧,宽度,高度)将不得不恢复。我做了一个有效的cookie测试,但如果有很多div,这可能是不对的。我测试了jquery数据,但似乎有问题。此代码返回未定义的数据在下一页加载时检索到的数据。Cookies,localStorage与jQuery数据存储大小和位置信息
<script>
function getdivinfo() {
var position = $("#compage").position();
var width = $("#compage").width();
var height= $("#compage").height();
var left = position.left;
var top = position.top;
$("#compage").data("layout", { "dleft": left, "dtop": top, "dwidth": width, "dheight": height });
}
function divlayout() {
var restleft = $("#compage").data("layout").dleft;
var resttop = $("#compage").data("layout").dtop;
var restwidth = $("#compage").data("layout").dwidth;
var restheight = $("#compage").data("layout").dheight;
$("#compage").css("top", resttop);
$("#compage").css("left", restleft);
$("#compage").css("width", restwidth);
$("#compage").css("height", restheight);
}
</script>
HTML信息
<body onload="divlayout();">
<div class="demo">
<div id="compage" class="ui-widget-content">
<h3 class="ui-widget-header">Sample</h3>
</div>
<a href="#" onclick="getdivinfo();">Get div info</a>
<a href="#" onclick="savedivinfo();"> Save div info</a>
</div><!-- End demo -->
有很多可供模仿localStorage的旧版本浏览器polyfills的。 –