জাভাস্ক্রিপ্ট history অবজেক্ট - JavaScript history Objects


ব্যবহারকারী বা user এর ওয়েব ব্রাউজার এর ইতিহাস অর্থাৎ history নিয়ে কাজ করার জন্য span class="js">window.history অবজেক্টটি ব্যবহার করা হয়।


history অবজেক্ট

window.history অবজেক্টটি ব্রাউজার এর ইতিহাস অর্থাৎ ব্যবহারকারী বা user এর বিভিন্ন তথ্য, যেমন - কোন কোন ওয়েবসাইট অর্থাৎ ওয়েব পেজ তথা ওয়েব লিংক গুলো ব্রাউজ করেছে তা সংরক্ষণ করতে পারে। window.history অবজেক্টটি window প্রিফিক্স ব্যবহার না করেও লেখা যায়, এর ফলেও একই কাজ করবে। ব্যবহারকারী বা user এর গোপনীয়তা রক্ষা করার জন্য এই অবজেক্টটি ব্যবহার করা হয়। জাভাস্ক্রিপ্ট এর window.history অবজেক্টটি ব্যবহারকারী বা user এর ব্রাউজ করা বিভিন্ন ওয়েব লিংক গুলোর একটি অ্যারে তৈরি করে। এই অবজেক্ট ব্যবহার করে previous, forward অথবা নির্দিষ্ট কোন ওয়েব পেজ লোড করা যায়।


history প্রোপার্টি

history অবজেক্টে যে সকল প্রোপার্টি গুলো ব্যবহার করা যায়, সেগুলোর নাম এবং কাজ সম্পর্কে নিচের টেবিলে দেখুন।

প্রোপার্টি বর্ণনা
lengthhistory URL এর দৈর্ঘ্য অর্থাৎ length প্রদান করে।


history মেথড

history অবজেক্টে যে সকল মেথড গুলো ব্যবহার করা যায়, সেগুলোর নাম এবং কাজ সম্পর্কে নিচের টেবিলে দেখুন।

পরবর্তী ওয়েব পেজ লোড করে।
মেথড বর্ণনা
forward()
back()পূর্ববর্তী ওয়েব পেজ লোড করে।
go()নির্ধারিত ওয়েব পেজটি লোড করে।


history.back()

history.back() মেথডটি ব্যবহারকারী দ্বারা পূর্বে ব্রাউজ করা ওয়েব লিংক গুলো ওয়েব ব্রাউজারে লোড করে, অর্থাৎ আমার ওয়েব ব্রাউজারে যে " Back " করার ছিনহ বা বাটনটি দেখি তার কাজ করে। নিচে জাভাস্ক্রিপ্ট এর একটি উদাহরণ দেখুন, যেখানে history.back() মেথডটি ব্যবহার করা হয়েছে।

উদাহরণ


<html>
<head>
  <script>
    function goBack() {
    window.history.back()
    }
  </script>
</head>
<body>

  <input type="button" value="GoBack" onclick="goBack()"></input>

</body>
</html>

কোড এডিটর



history.forward()

history.forward() মেথডটি ব্যবহারকারী দ্বারা পূর্বে ব্রাউজ করা ওয়েব লিংক, যেখান থেকে পিছিয়ে আসা হয়েছে, এমন লিংক ওয়েব ব্রাউজারে লোড করে, অর্থাৎ আমরা ওয়েব ব্রাউজারে যে " Forward " করার ছিনহ বা বাটনটি দেখি তার কাজ করে। নিচে জাভাস্ক্রিপ্ট এর একটি উদাহরণ দেখুন, যেখানে history.back() মেথডটি ব্যবহার করা হয়েছে।

উদাহরণ


<html>
<head>
  <script>
    function goForward() {
    window.history.forward()
    }
  </script>
</head>
<body>

  <input type="button" value="Forward" onclick="goForward()"></input>

</body>
</html>

কোড এডিটর