0

我正在尝试记录一个点击的链接，然后在一个框中显示所有点击的链接。我希望该框显示页面和名称的小图像。另外，我希望用户在图像下方显示的页面上的持续时间。框中的图像也应该是指向该页面的可点击链接。有谁知道我应该使用 HTTP cookie 还是 jquery？

我发现的最接近我正在寻找的东西是： http: //mtrpcic.github.io/pathjs/

（唯一的问题是它不记录点击的 HTTP 链接。）

任何帮助将不胜感激！先感谢您。

<img src="http://domain.com/image.png" onclick="save_data()" name="server" id="saveServer"/>
<div id='linkList'><script>
var links = [];
function saveLink(that){
    links[links.length] = that.element.src;
    document.getElementById('linkList').innerHTML += that.element.src+"<br>";
}
</script></div>


 <script> function saveData(){ var input = document.getElementById("saveServer"); localStorage.setItem("server", input.value); var storedValue = localStorage.getItem("server"); } 

 </script>

这是正确的吗？

4

1 回答 1

0

要记录点击的链接，您有 3 个选项，具体取决于您的需要。

  1. 使用链接作为参数在 onClick 事件上调用 javascript 函数并将链接保存到数组中，然后在需要的地方使用它。

  2. 在 onClick 事件上调用一个 javascript 函数，并将链接作为参数并将链接保存到 javascript 本地存储中（如果您不知道它是什么，请用谷歌搜索）。即使客户端重新启动计算机，您也将能够显示链接。（localstorage 保存在本地数据库中，因此只要知道客户可以编辑条目，这将取决于您的需要是否有用）

  3. 在 onClick 事件上调用 javascript 函数，并将链接作为参数，并发送 ajax 请求以将链接保存到数据库中。您需要有一个帐户系统，如果您不想实施它，第二个选项会更好。

还有另一种选择（我个人使用）。使用 localstorage 和 sincronizing 到数据库，这将使加载和保存更快（如果你做得好的话）。

例子：

<script>
var links = [];
function saveLink(that){
    links[links.length] = that.element.src;
    document.getElementById('linkList').innerHTML += that.element.src+"<br>";
}
</script>
<img src="http://domain.com/image.png" onClick="saveLink(this);" />
<div id='linkList'></div>
于 2013-09-28T23:40:54.813 回答