使用<div>保存页面，包括当前div样式属性</div>

Question

背景

我有一个页面，其中有一个包含图像的div。这个div可以被拖动并重新定位在页面周围。

问题：

我需要将页面保存为HTML文件，包括当前样式属性（特别是宽度，高度，顶部和左侧）。非常感谢任何帮助。谢谢！

谢谢！

Answer 1

将客户端页面的全部内容保存回服务器是一个坏主意，因为它让您容易受到injection attacks的攻击。<​​/ p>

最好跟踪复制要保存的状态所需的最小信息集。在这种情况下，您需要保存星形的位置和大小。

您可以使用JS在客户端获取这些数据：

var star = document.getElementById('star');
var data = {
    width: star.offsetWidth,
    height: star.offsetHeight,
    left: star.offsetLeft,
    top: star.offsetTop
}

然后，您可以使用AJAX（jQuery makes this easy）

将这些值发回服务器

$.post('/save.php', data);

在服务器端，编写需要JSON数据对象的php文件并保存这些值以供以后使用。

最后，当请求保存的页面时，使用这些值更改星形的起始位置（通过模板化为星形div的style属性或其他方法）。