জাভাস্ক্রিপ্ট কুকি এট্রিবিউট - JavaScript Cookie Attribute


জাভাস্ক্রিপ্ট কুকিতে ব্যবহার করার জন্য বেশ কিছু এট্রিবিউট রয়েছে, জাভাস্ক্রিপ্ট টিউটোরিয়াল এর এই অধ্যায়ে আমরা সেই এট্রিবিউট গুলো সম্পর্কে জানব।


কুকি এট্রিবিউট

জাভাস্ক্রিপ্ট এ বেশ কিছু এট্রিবিউট রয়েছে, যে গুলো ব্যবহার করে কোন কুকির কার্যকারিতা বৃদ্ধি করা যায়, যেমন - মেয়াদউত্তীর্ণের তারিখ, ডোমেইন ইত্যাদি। নিচে এই এট্রিবিউট গুলোর তালিকা এবং এদের কাজ গুলো দেখুন।

এট্রিবিউট বর্ণনা
max-age
expires
domain
path

নিচে এই কুকি এট্রিবিউট গুলোর বর্ণনা দেখুন।


max-age এট্রিবিউট

max-age এট্রিবিউট ব্যবহার করে একটি কুকি কোন সময় পর্যন্ত সচল থাকবে তা সেকেন্ড এর হিসেব অনুসারে নির্ধারণ করা যায়, এক্ষেত্রে প্রথম থেকে ক্রমান্বয়ে সেকেন্ড, মিনিট, ঘণ্টা, দিন নির্ধারণ করে দেয়া হয়। নির্ধারিত সর্বমোট সেকেন্ড পার হলেই কুকিটি স্বয়ংক্রিয় ভাবেই মুছে যায় অর্থাৎ delate হয়ে যায়। নিচে max-age এট্রিবিউট ব্যবহার করে জাভাস্ক্রিপ্ট কুকির একটি উদাহরণ দেখুন।

উদাহরণ


  
<html>  
  <head>  
  </head>  
  <body>  
    <input type="button" value="setCookie" onclick="setCookie()">  
    <input type="button" value="getCookie" onclick="getCookie()">  
    <script>  
    function setCookie()  
    {  
        document.cookie="username=Duke Martin;max-age=" + (60 * 60 * 24 * 365) + ";"  
    }  
    function getCookie()  
    {  
        if(document.cookie.length!=0)  
        {  
            var array=document.cookie.split("=");  
        alert("Name="+array[0]+" "+"Value="+array[1]);  
        }  
        else  
        {  
        alert("Cookie was delated");  
        }  
    }  
    </script>  
  </body>  
</html>  

কোড এডিটর



expires এট্রিবিউট

expires এট্রিবিউট ব্যবহার করে একটি কুকি কোন সময় পর্যন্ত সচল থাকবে তা নির্ধারণ করা যায়, এক্ষেত্রে প্রথমে একটি তারিখ এবং সময় নির্ধারণ করে দেয়া হয়। নির্ধারিত তারিখ এবং সময় পার হলেই কুকিটি স্বয়ংক্রিয় ভাবেই মুছে যায় অর্থাৎ delate হয়ে যায়। নিচে expires এট্রিবিউট ব্যবহার করে জাভাস্ক্রিপ্ট কুকির একটি উদাহরণ দেখুন।

উদাহরণ


<!DOCTYPE html>  
<html>  
<head>  
</head>  
<body>  
  <input type="button" value="setCookie" onclick="setCookie()">  
  <input type="button" value="getCookie" onclick="getCookie()">  
    <script>  
    function setCookie()  
    {  
        document.cookie="username=Sunny Leon;expires=Mon, 20 Nov 2020 12:00:00 UTC";  
    }  
    function getCookie()  
    {  
        if(document.cookie.length!=0)  
        {  
            var array=document.cookie.split("=");  
        alert("Name="+array[0]+" "+"Value="+array[1]);  
        }  
        else  
        {  
        alert("Cookie was delated");  
        }  
    }  
    </script>  
</body>  
</html>  

কোড এডিটর



domain এট্রিবিউট

কোন ডোমেইন এর জন্য কুকিটি কাজ করবে, তা নির্ধারণ করা হয় এই domain এট্রিবিউট ব্যবহার করে। নিচে একটি উদাহরণ দেখুন, যেখানে domain এট্রিবিউট এর সাথে " www.websschool.com " ওয়েবসাইট ডোমেইন নির্ধারণ করা হয়েছে। নিচের এই জাভাস্ক্রিপ্ট কোড গুলোর ফলে কুকিটি " websschool.com " এর ডোমেইন এবং সকল সাব-ডোমেইন এ কাজ করবে।

উদাহরণ


domain=websschool.com

কোড এডিটর


আমরা নির্দিষ্ট ভাবে কোন সাব-ডোমেইন এর জন্যও domain এট্রিবিউট ব্যবহার করে জাভাস্ক্রিপ্ট কুকির কার্যক্রম নির্দিষ্ট করে দিতে পারি। নিচে জাভাস্ক্রিপ্ট এর উদাহরণটি দেখুন, এখানে আমরা domain এট্রিবিউট এর সাথে blog সাব-ডোমেইনটি ব্যবহার করেছি, ফলে কুকিটি কেবল " blog.websschool.com " সাব-ডোমেইনে কাজ করবে।

উদাহরণ


domain=blog.websschool.com

কোড এডিটর



path এট্রিবিউট

যদি কোন ওয়েব পেজের জন্য কোন কুকি তৈরি করা হয়, তবে তা কেবল ঐ directory এবং সাব directory গুলোর জন্যই কাজ করবে। জাভাস্ক্রিপ্ট এর path এট্রিবিউট ব্যবহার করে বিভিন্ন ওয়েব পেজে কুকির ব্যবহারকে আরও সম্প্রসারিত করা যায়।

নিচে জাভাস্ক্রিপ্ট কুকির একটি উদাহরণ দেখুন, এখানে আমরা path এট্রিবিউট ব্যবহার করে একটি কুকি তৈরি করেছি, ফলে কুকিটি সকল ওয়েব পেজেই কাজ করে।

উদাহরণ


<!DOCTYPE html>  
<html>  
  <head>  
  </head>  
  <body>  
    <input type="button" value="setCookie" onclick="setCookie()">  
    <input type="button" value="getCookie" onclick="getCookie()">  
    <script>  
    function setCookie()  
    {  
        document.cookie="username=Sunny Leon;max-age=" + (60 * 60 * 24 * 365) + ";path=/;"  
    }  
    function getCookie()  
    {  
        if(document.cookie.length!=0)  
        {  
            var array=document.cookie.split("=");  
        alert("Name="+array[0]+" "+"Value="+array[1]);  
        }  
        else  
        {  
        alert("Cookie not available");  
        }  
    }  
    </script>  
  </body>  
</html>  

কোড এডিটর