Dans mon processus habituel de développement de pages Web, cela peut impliquer le stockage local du navigateur. Les méthodes de stockage actuelles du navigateur incluent : les cookies, la lecture directe de XML, userData, H5 LocalStorage, etc. Les données stockées par les cookies sont limitées, mais Il est plus pratique de fonctionner lorsque la quantité de données n'est pas importante.
L'exemple suivant consiste principalement à afficher une boîte de dialogue lorsque la page Web est ouverte, mais la boîte de dialogue ne s'affichera pas lorsque la page Web sera actualisée après la deuxième fois. Bien entendu, la durée du cookie peut être définie de manière flexible. pour contrôler s'il faut afficher la boîte de dialogue.
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <script> var cookie = { setCookie:function(name,value,iDay){ var cookieStr = ''; if(iDay == undefined){ cookieStr += name+'='+value+';'; }else{ var oDate = new Date(); oDate.setDate(oDate.getDate()+iDay); cookieStr += name+'='+value+';express='+oDate; } document.cookie = cookieStr; }, getCookie:function(name){ var arr = document.cookie.split(';'); for(var i=0;i<arr.length;i++){ var arr2 = arr[i].split('='); if(arr2[0] == name){ return arr2[1]; } } return ''; }, removeCookie:function(name){ this.setCookie(name,'1',-1); } } function ControlAlert(){ var flag = cookie.getCookie('flag'); if(!flag){ alert("我是第一次加载的哟!"); cookie.setCookie('flag',true); //cookie.setCookie('flag',true,1);//如果有第三个参数则保存cookie的天数,如果不设置,浏览器关闭时cookie过期 } } (function(){ ControlAlert(); }()); </script> </body> </html>
Ce qui précède sont les opérations liées aux cookies. J'espère que cela sera utile à l'apprentissage de chacun.