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

JavaScript හි සමහර විට සබැඳි ලිපින සමඟ වැඩ කිරීමට සිදු වේ. මේ සඳහා URL පන්තිය අරමුණු කර ඇත URL, ලබා ගැනීමට සහ වෙනස් කිරීමට ඉඩ සලසයි ලිපිනවල කොටස්.

පහත උදාහරණය සමඟ එහි ක්‍රියාකාරිත්වය බලමු ලිපිනය:

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

URL පන්තියේ වස්තුවක් නිර්මාණය කරමු, ලබා දීම එයට පරාමිතියක් ලෙස අපගේ ලිපිනය:

javascriptlet url = new URL(path);

නිර්මාණය කරන ලද දේවලුවේ ඇති ගුණාංග මොනවාදැයි බලමු. වස්තුව.

ප්‍රොටෝකෝලය

protocol ගුණය භාවිතා කරමින්, ඔබට ලබා ගත හැකිය ප්‍රොටෝකෝලය:

javascriptlet res = url.protocol;
console.log(res); // 'http://' අග්‍ර ප්‍රදර්ශනය කරයි

ධාරකය

host ගුණය භාවිතා කරමින්, ඔබට ලබා ගත හැකිය වරාය සමඟ ඩොමේන් නාමය:

javascriptlet res = url.host;
console.log(res); // 'site.ru:3000' අග්‍ර ප්‍රදර්ශනය කරයි

ධාරක නාමය

hostname ගුණය භාවිතා කරමින්, ඔබට ලබා ගත හැකිය ඩොමේන් නාමය:

javascriptlet res = url.hostname;
console.log(res); // 'site.ru' අග්‍ර ප්‍රදර්ශනය කරයි

වරාය

port ගුණය භාවිතා කරමින්, ඔබට වරාය ලබා ගත හැකිය:

javascriptlet res = url.port;
console.log(res); // '3000' අග්‍ර ප්‍රදර්ශනය කරයි

මාර්ගය

pathname ගුණය භාවිතා කරමින්, ඔබට ඩොමේන් නාමය ඉවත දමන්න, මාර්ගය ලබා ගන්න:

javascriptlet res = url.pathname;
console.log(res); // '/dir/eee/page.html#show?a=1&b=2&c=3' අග්‍ර ප්‍රදර්ශනය කරයි

හැෂ්

hash ගුණය භාවිතා කරමින්, ඔබට ලබා ගත හැකිය හැෂ් අගය:

javascriptlet res = url.hash;
console.log(res); // 'show' අග්‍ර ප්‍රදර්ශනය කරයි

GET පරාමිතීන්

search ගුණය භාවිතා කරමින්, ඔබට ලබා ගත හැකිය GET පරාමිති ආකාරයෙන්:

javascriptlet res = url.search;
console.log(res); // 'a=1&b=2&c=3' අග්‍ර ප්‍රදර්ශනය කරයි

searchParams ගුණය භාවිතා කරමින්, ඔබට GET පරාමිති වස්තු පන්තියක ආකාරයෙන් ලබා ගන්න URLSearchParams:

javascriptlet res = url.searchParams;
console.log(res); // URLSearchParams පන්තියේ වස්තුව ප්‍රදර්ශනය කරයි