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

JavaScriptを使用して現在のページのすべてのCookieを一覧表示するにはどうすればよいですか？

Cookieを作成するときは、「path」パラメータを使用してください。ディレクトリまたはWebページへのパスがCookieを設定します。現在のページからCookieを取得する場合は、これを空白にすることができます。デフォルトでは、Cookieは現在のページに属します。

例

現在のページのすべてのCookieを一覧表示するには、次のコードを試してください-

ライブデモ

<html>
   <head>
      <script>
         function ReadCookie() {
            var allcookies = document.cookie;
            document.write ("All Cookies : " + allcookies );

            // Get all the cookies pairs in an array
            cookiearray = allcookies.split(';');

            // Now take key value pair out of this array
            for(var i=0; i<cookiearray.length; i++) {
               name = cookiearray[i].split('=')[0];
               value = cookiearray[i].split('=')[1];
               document.write ("Key is : " + name + " and Value is : " + value);
            }
         }
      </script>
   </head>
   <body>
      <form name="myform" action="">
         <p> click the following button and see the result:</p>
         <input type="button" value="Get Cookie" onclick="ReadCookie()"/>
      </form>
   </body>
</html>

  1. JavaScriptでドキュメントに関連付けられたCookieを取得するにはどうすればよいですか？

    Javascriptはドキュメントを提供しています オブジェクト 文書に関するあらゆる種類の情報を処理するため。このオブジェクトはdocument.cookieを提供しています 特定のドキュメントに関連付けられたCookieを取得します。このメソッドは、他のコード行を妨げることはありません。 構文 cookie = document.cookie; 例 次の例では、 document.cookie ドキュメントに関連付けられたCookieを取得するために使用され、結果は次のように出力に表示されます。 <html> <body> <p id="co

  2. JavaScriptを使用して現在の要素にアクティブなクラスを追加するにはどうすればよいですか？

    JavaScriptを使用して現在の要素にアクティブなクラスを追加するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .btn {       border: none;       outline: non