JavaScript学习心得（八）

时间：2021-03-18 05:16:15

　　Cookie是Netscape发明的技术，是动态网站必不可少的部分，用于浏览器请求Web页面的超文本传输协议是一种无状态的协议。

　　两种方法维护状态：使用会话（session）（使用服务器技术实现，数据存储在服务器上）和Cookie（用服务器技术或者浏览器中的JavaScript管理）。

　　Cookie包含多个不相关的信息块：

  • 名称
  • 值
  • 到期日期和时间：必须格式化为UTC字符串
  • 有效路径（默认为当前路径）：在服务器上的有效路径
  • 域（默认当前主机）

　　Cookie容易在用户计算机上看到，不该用于存储敏感信息，在过程中始终验证Cookie值。关注安全的应用程序建议始终使用由服务器技术实现的回话。

　　创建Cookie： document.cookie = value; Cookie使用特定的语法——cookieName = cookieValue； document.cookie = 'fontSize = 14';

　　读取Cookie时，是全部读取，单独读取每个Cookie，先拆解字符串然后for循环遍历：

 var coolies = document.cookie.split(';');

 for(var i = 0,count = cookies.length; i<count;i++){

     }

创建程序库：

 // This script defines an object that has some cookie functions.

 // Create one global object:

 var COOKIE = {

     // Function for setting a cookie:

     setCookie: function(name, value, expire) {

         'use strict';

         // Add validation!

         // Begin creating the value string:

         var str =  encodeURIComponent(name) + '=' + encodeURIComponent(value);

     //encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。避免可能有问题的字符，预防服务器问题

         // Add the expiration:

         str += ';expires=' + expire.toGMTString(); 

         // Create the cookie:

         document.cookie = str;

     }, // End of setCookie() function.

     // Function for retrieving a cookie value:

     getCookie: function(name) {

         'use strict';

         // Useful to know how long the cookie name is:

         var len = name.length;

         // Split the cookie value:

         var cookies = document.cookie.split(';');

         // Loop through the values:

         for (var i = 0, count = cookies.length; i < count; i++) {

             // Lop off an initial space:

             var value = (cookies[i].slice(0,1) == ' ') ? cookies[i].slice(1) : cookies[i];

             // Decode the value:

             value = decodeURIComponent(value);

             // Check if this iteration matches the name:

             if (value.slice(0,len) == name) {

                 // Return the part after the equals sign:

                 return value.split('=')[1];

             } // End of IF.

         } // End of FOR loop.

         // Return false if nothing's been returned yet:

         return false;

     }, // End of getCookie() function.

     // Function for deleting cookies:

     deleteCookie: function(name) {

         'use strict';

         document.cookie = encodeURIComponent(name) + '=;expires=Thu, 01-Jan-1970 00:00:01 GMT';

     } // End of deleteCookie() function.

 }; // End of COOKIE declaration.

定时器：

  • setTimeOut（）
  • setInterval（):指定时间间隔重复调用函数，必须有终止定时器的代码

　　函数不能保证在精确的时间间隔调用，因为单线程。

　　定时器主要用于动画、特效、页面自动更新内容。

相关文章