xml地图|网站地图|网站标签 [设为首页] [加入收藏]

js实现展示浏览网页的历史记录超管用,js用法实

来源:http://www.ccidsi.com 作者:集成介绍 人气:190 发布时间:2019-09-04
摘要:正文正是要利用cookie插件,获取客户浏览小说历史记录,并将顾客前段时间浏览历史记录显示在页面。 在有些电商网站,有“商品浏览历史记录”这一效应,一些摄像类、小说类的网址

正文正是要利用cookie插件,获取客户浏览小说历史记录,并将顾客前段时间浏览历史记录显示在页面。

在有些电商网站,有“商品浏览历史记录”这一效应,一些摄像类、小说类的网址也能记录客户这段日子的浏览历史。本文将利用库克ie以及JSON来讲课怎么着兑现这一意义。
Cookie能够用来记录客商端客商ID、密码、浏览过的网页、停留的时光等音讯,jQuery提供了一个cookie插件,能可怜方便的读写cookie消息。
着力流程:
1、获取小说实际情况页面作品的标题和页面地址;
2、获取浏览历史cookie新闻,判定假诺浏览历史的cookie中早已存在当前文章的浏览记录,则不进行别的操作;
3、要是浏览历史的cookie中海市蜃楼当前文章的浏览记录,则将日前作品的cookie音讯(文章标题和页面地址)写入浏览历史的cookie音信中。写入的cookie音讯,采纳JSON数据格式,便于读取。
4、获取浏览历史cookie消息,遍历JSON数据,深入分析并出口浏览历史记录。
详解: 网上皇家赌场网址,1、保证要记录浏览历史的篇章详细的情况页面已载入jquery和cookie插件。获取当前小说页面的稿子标题和页面地址: 

正文实例陈说了jquery.cookie.js用法。共享给我们供我们仿照效法,具体如下:

在须要增添cookie的页面加上如下js

var art_title = $(".blog_txt h2").text(); //文章标题 
var art_url = document.URL; //页面地址 

对cookies的操作在当访问三个网址就随时的都陪伴着我们,记录着我们的举止,并将不损伤客户隐秘的新闻,将以保存,那样顾客就不用去从新再一次操作重复的步调,那样大大方便了客商,也加进了客商对网址的转头看的频率。

<script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/jquery.cookie.js"></script>
 <script type="text/javascript">
 $(function(){
 var art_title = $("title").html();
 var art_url = document.URL;
 var history;
 var json="[";
 //json1是第一次注入cookie以后的第一个json,"此时还不是数组" 以点带面的处理
 var json1;
 var canAdd= true;
 //var json1=eval("({sitename:'dreamdu',sitedate:new Date(1980, 12, 17, 12, 0, 0)})");
 if(!$.cookie("history")){
 //第一次的时候需要初始化
 history = $.cookie("history","{title:"" art_title """ ",url:"" art_url ""}");
 }else {
 //已经存在
 history = $.cookie("history");
 json1 = eval("(" history ")");
 $(json1).each(function(){
  if(this.title==art_title){
  canAdd=false;
  return false;
  }
 })
 if(canAdd){
  $(json1).each(function(){
  json = json   "{"title":"" this.title "","url":"" this.url ""},";
  })
  json = json   "{"title":"" art_title "","url":"" art_url ""}]"; 
  $.cookie("history",json,{expires:1});
 }
 }
 })
 </script>

2、获取顾客历史浏览记录,如若已经存在浏览历史,则深入分析历史记录的cookie音信(JSON数据格式),获取记录长度。

jquery.cookie.js 提供了jquery中国和北美洲常轻易的操作cookie的艺术。

在体现历史记录的页面增多如下js

 var canAdd = true; //初始可以插入cookie信息 
var hisArt = $.cookie("hisArt"); 
var len = 0; 
if(hisArt){ 
  hisArt = eval("(" hisArt ")"); 
  len = hisArt.length; 
} 
$.cookie('the_cookie'); // 获得cookie
$.cookie('the_cookie', 'the_value'); // 设置cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie
$.cookie('the_cookie', '', { expires: -1 }); // 删除
$.cookie('the_cookie', null); // 删除 cookie
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等
<script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/jquery.cookie.js"></script>
 <script type="text/javascript">
 $(function(){ 
 if($.cookie("history")){
 var json = eval("(" $.cookie("history") ")"); 
 var list =""; 
 $(json).each(function(){
  list = list   "<li><a href='" this.url "' target='_blank'>" this.title "</a></li>";
  alert(this.url);
 })
 $("#list").html(list);;
 } 
 }); 
 </script>
 </head>

3、假诺浏览历史cookie音信已经存在,则遍历cookie新闻,相比较当前小说标题,假设cookie消息中一度存在当前文章标题,则中止程序,不做别的操作。

其一插件暗中认可的晚点是按天数总计的,大家能够修改下,按阿秒总结,修改如下:

本文由68399皇家赌场发布于集成介绍,转载请注明出处:js实现展示浏览网页的历史记录超管用,js用法实

关键词: 68399皇家赌场

最火资讯