保存带有 <div> 的页面，包括当前的 div 样式属性 [关闭]答案

【问题标题】：Saving a page with a <div> including current div style properties [closed]保存带有 <div> 的页面，包括当前的 div 样式属性 [关闭]
【发布时间】：2015-01-27 13:28:12
【问题描述】：

背景：

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

问题：

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

谢谢！

【问题讨论】：

你应该做一些研究并尝试一些东西，然后展示你所做的；作为开始帮助：您首先需要决定如何将数据返回到服务器（Ajax 或请求变量）
2.I also thought of using javascript but it runs on the client side so javascript is crossed out.是什么意思？？？ Javascript 是一种客户端语言，没有太多选择
单靠javascript是行不通的。也许将它与 JQuery 一起使用就可以了。还是删除了 #2。
JQuery 只是一个编写 JS 的帮助，因为它捆绑了函数。 JQuery 可以做的一切——Javascript 也可以。但无论如何，安斯托萨都提供了正确的答案

标签： javascript php html

【解决方案1】：

将客户端页面的全部内容保存回服务器是个坏主意，因为这会使您容易受到injection attacks 的攻击。

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

你可以在客户端使用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 属性，或其他方式）。

【讨论】：

这将是最好的方法。该项目只是出于学校项目的目的，所以我认为这将是最快的方式（无论安全性如何）。