Heim  >  Artikel  >  Web-Frontend  >  Das Anzeigen des Browserverlaufs auf Webseiten über Jquery.cookie.js ist sehr effektiv_jquery

Das Anzeigen des Browserverlaufs auf Webseiten über Jquery.cookie.js ist sehr effektiv_jquery

WBOY
WBOYOriginal
2016-05-16 15:35:291707Durchsuche

In diesem Artikel wird das Cookie-Plug-in verwendet, um den Browserverlauf der Artikel des Benutzers abzurufen und den aktuellen Browserverlauf des Benutzers auf der Seite anzuzeigen.

Fügen Sie die folgenden js zu der Seite hinzu, auf der Cookies hinzugefügt werden müssen

<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>

Fügen Sie die folgenden js auf der Seite hinzu, die den Verlauf anzeigt

<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>

Der obige Inhalt wurde vom Herausgeber über Jquery.cookie.js mit Ihnen geteilt, um den Verlauf des Webbrowsings anzuzeigen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn