কম্পিউটার টিউটোরিয়াল

HTML DOM cookie প্রপার্টি


HTML DOM cookie প্রপার্টি কুকি তৈরি করতে, পড়তে এবং ডিলিট করতে ব্যবহৃত হয়। কুকিগুলো ওয়েবসাইট দ্বারা ইউজার-স্পেসিফিক ইনফরমেশন ট্র্যাক রাখতে ব্যবহৃত হয়। এই মেথডের রিটার্ন টাইপ স্ট্রিং যা সেমিকোলন সেপারেটেড সকল কুকির লিস্ট ধারণ করে। কুকিগুলো key=value পেয়ার ফরম্যাটে থাকে। কুকিগুলো ব্রাউজার বন্ধ होते ही ডিলিট হয়ে যায় কিন্তু আপনি এর জন্য এক্সপায়ারি ডেট স্পেসিফাই করতে পারেন।

সিনট্যাক্স

নিচে দেওয়া হলো -

Cookie প্রপার্টি সেট করার সিনট্যাক্স -

document.cookie = newCookie

এখানে, newCookie স্ট্রিং টাইপের এবং একটি সেমিকোলন সেপারেটেড নেম-ভ্যালু পেয়ারের লিস্ট। newCookie-এর জন্য নিচের অপশনাল ভ্যালুগুলো রয়েছে।

প্যারামিটার ভ্যালু বিবরণ
expires=date GMT ফরম্যাটে তারিখ স্পেসিফাই করতে। ডিফল্টভাবে ব্রাউজার বন্ধ होते ही কুকিগুলো ডিলিট হয়ে যায়।
path=path: কম্পিউটারে ডিরেক্টরি পাথ স্পেসিফাই করতে যেখানে কুকিগুলো স্টোর হবে। শুধু অবসোলিউট পাথ ব্যবহার করতে হবে।
domain=domainname আপনার ওয়েবসাইটের ডোমেইন স্পেসিফাই করতে। স্পেসিফাই না করলে কারেন্ট ডকুমেন্ট ডোমেইন ব্যবহার হয়।
Secure ব্রাউজারকে বলতে https প্রোটোকল ব্যবহার করে কুকি সার্ভারে পাঠাতে।

উদাহরণ

HTML DOM cookie প্রপার্টির একটি উদাহরণ দেখি -

<!DOCTYPE html> <html> <body> <h1>javascript COOKIE example</h1> <p>নিচের বাটনে ক্লিক করুন একটি কুকি তৈরি করতে</p> <button type="button" onclick="cookieCreate()">CREATE</button> <p id="Sample"></p> <script> function cookieCreate(){ var x = document.cookie; x = "username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC"; document.getElementById("Sample").innerHTML = "The cookie values are : " + x; } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে -

HTML DOM cookie প্রপার্টি

CREATE বাটনে ক্লিক করলে -

HTML DOM cookie প্রপার্টি

উপরের উদাহরণে -

আমরা প্রথমে একটি CREATE বাটন তৈরি করেছি যা ইউজার ক্লিক করলে createCookie() ফাংশন এক্সিকিউট করবে -

<button type="button" onclick="cookieCreate()">CREATE</button>

cookieCreate() ফাংশন ডকুমেন্ট অবজেক্টের cookie প্রপার্টি ব্যবহার করে একটি কুকি তৈরি করে। তারপর আমরা কুকির কি-পেয়ার ভ্যালুগুলো সেমিকোলন সেপারেটেড সেট করি। তৈরি কুকিটি তারপর "Sample" আইডি 가진 প্যারাগ্রাফে এর innerHTML প্রপার্টি ব্যবহার করে দেখানো হয়েছে -

function cookieCreate(){ var x = document.cookie; x = "username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC"; document.getElementById("Sample").innerHTML = "The cookie values are : " + x; }

  1. HTML DOM Ol start প্রপার্টি

  2. HTML DOM Ol reversed প্রপার্টি

  3. HTML DOM offsetWidth প্রপার্টি

  4. HTML DOM offsetParent প্রপার্টি