Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでCookieを作成する方法は?


Cookieを使用することは、訪問者のエクスペリエンスやサイトの統計を改善するために必要な設定、購入、手数料、およびその他の情報を記憶および追跡するための最も効率的な方法です。

Cookieを作成する最も簡単な方法は、次のような文字列値をdocument.cookieオブジェクトに割り当てることです。

document.cookie = "key1=value1;key2=value2;expires=date";
ここでexpires属性はオプションです。この属性に有効な日付または時刻を指定すると、Cookieは指定された日付または時刻に期限切れになり、それ以降はCookieの値にアクセスできなくなります。

− Cookieの値には、セミコロン、コンマ、または空白を含めることはできません。このため、JavaScriptのescape()関数を使用して、値をCookieに保存する前にエンコードすることをお勧めします。これを行う場合は、Cookie値を読み取るときに、対応するunescape()関数も使用する必要があります。

次のコードを実行してみてください。入力Cookieに顧客名を設定します。

ライブデモ

<html>
   <head>
      <script>
         <!--
            function WriteCookie() {
               if( document.myform.customer.value == "" ) {
                  alert("Enter some value!");
                  return;
               }
               cookievalue= escape(document.myform.customer.value) + ";";
               document.cookie = "name = " + cookievalue;
               document.write ("Setting Cookies : " + "name = " + cookievalue );
            }
         //-->
      </script>
   </head>
   <body>
      <form name = "myform" action = "">
         Enter name: <input type = "text" name = "customer"/>
         <input type = "button" value = "Set Cookie" onclick = "WriteCookie();"/>
      </form>
   </body>
</html>

  1. JavaScriptでオートコンプリートを作成するにはどうすればよいですか?

    フォームにオートコンプリートを作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>    * {       box-sizing: border-box;    }    body {  

  2. 多次元JavaScriptオブジェクトを作成するにはどうすればよいですか?

    以下は、多次元JavaScriptオブジェクトを作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &n