首页写一个浏览量点赞的代码

写一个浏览量点赞的代码

时间: 2023-12-01 07:20:31 浏览: 32

这个问题比较抽象，我不知道你具体指的是什么样的场景。下面是一个简单的点赞和浏览量统计的示例： ```html <!DOCTYPE html> <html> <head> <title>点赞和浏览量统计</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <h1>点赞和浏览量统计</h1> <p>浏览量：<span id="viewCount">0</span></p> <p>点赞数：<span id="likeCount">0</span></p> <button id="likeBtn">点赞</button> <script> $(function() { // 初始化浏览量 var viewCount = parseInt(localStorage.getItem("viewCount")) || 0; viewCount++; localStorage.setItem("viewCount", viewCount); $("#viewCount").text(viewCount); // 初始化点赞数 var likeCount = parseInt(localStorage.getItem("likeCount")) || 0; $("#likeCount").text(likeCount); // 点赞事件 $("#likeBtn").click(function() { likeCount++; localStorage.setItem("likeCount", likeCount); $("#likeCount").text(likeCount); }); }); </script> </body> </html> ``` 这段代码使用了本地存储来记录浏览量和点赞数，每次加载页面时，会从本地存储中读取数据，并更新页面上的显示。当用户点击点赞按钮时，会将点赞数加 1，并保存到本地存储中。