记录单击的链接，然后在框中显示页面名称作为历史记录

Record a clicked link and then display the page name in a box as history

本文关键字：记录 历史 显示 单击 链接 然后      更新时间：2023-09-26

我正在尝试记录单击的链接，然后在框中显示所有单击的链接。我希望该框显示页面和名称的小图像。另外，我希望用户在图像下方显示页面上的持续时间。框中的图像也应该是指向该页面的可点击链接。有谁知道我应该使用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>

这是对的吗？

要记录单击的链接，您可以根据需要使用3个选项。

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

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

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

还有另一种选择(我个人使用(。使用本地存储并输入日期库，这将使加载和保存更快(如果您做得好(。

例：

<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>
相关文章：