JavaScript හි URL සමඟ වැඩ කිරීම

JavaScript හි සමහර විට සබැඳි ලිපින සමඟ වැඩ කිරීමට සිදු වේ. මේ සඳහා URL පන්තිය අරමුණු කර ඇත 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 පන්තියේ වස්තුව ප්‍රදර්ශනය කරයි