JavaScript-এ URL নিয়ে কাজ

JavaScript-এ মাঝেমাঝে লিঙ্কের ঠিকানা নিয়ে কাজ করতে হয়। এর জন্য রয়েছে URL ক্লাস, যা ঠিকানার各部分 পাওয়া এবং পরিবর্তন করতে দেয়।

নিম্নলিখিত ঠিকানাটির উদাহরণে এর কাজ দেখি:

let path = 'http://site.ru:3000/dir/eee/page.html#show?a=1&b=2&c=3';

আমাদের ঠিকানাটি প্যারামিটার হিসেবে পাঠিয়ে URL ক্লাসের একটি অবজেক্ট তৈরি করি:

let url = new URL(path);

তৈরি হওয়া অবজেক্টের কী কী বৈশিষ্ট্য রয়েছে তা দেখি।

প্রোটোকল

protocol বৈশিষ্ট্য ব্যবহার করে প্রোটোকল পাওয়া যায়:

let res = url.protocol;
console.log(res); // আউটপুট হবে 'http://'

host বৈশিষ্ট্য ব্যবহার করে পোর্ট সহ ডোমেইনের নাম পাওয়া যায়:

let res = url.host;
console.log(res); // আউটপুট হবে 'site.ru:3000'

hostname বৈশিষ্ট্য ব্যবহার করে ডোমেইনের নাম পাওয়া যায়:

let res = url.hostname;
console.log(res); // আউটপুট হবে 'site.ru'

port বৈশিষ্ট্য ব্যবহার করে পোর্ট পাওয়া যায়:

let res = url.port;
console.log(res); // আউটপুট হবে '3000'

pathname বৈশিষ্ট্য ব্যবহার করে ডোমেইনের নাম বাদ দিয়ে পাথ পাওয়া যায়:

let res = url.pathname;
console.log(res); // আউটপুট হবে '/dir/eee/page.html#show?a=1&b=2&c=3'

hash বৈশিষ্ট্য ব্যবহার করে হ্যাশের মান পাওয়া যায়:

let res = url.hash;
console.log(res); // আউটপুট হবে 'show'

search বৈশিষ্ট্য ব্যবহার করে GET প্যারামিটারের স্ট্রিং পাওয়া যায়:

let res = url.search;
console.log(res); // আউটপুট হবে 'a=1&b=2&c=3'

searchParams বৈশিষ্ট্য ব্যবহার করে GET প্যারামিটারগুলি URLSearchParams ক্লাসের অবজেক্ট আকারে পাওয়া যায়:

let res = url.searchParams;
console.log(res); // আউটপুট হবে URLSearchParams ক্লাসের অবজেক্ট