Tidak satu pun dari jawaban ini yang tampaknya menjawab pertanyaan sepenuhnya, yang meminta url sewenang-wenang, tidak secara khusus url halaman saat ini.
Metode 1: Gunakan API URL (peringatan: tidak ada dukungan IE11)
Anda dapat menggunakan API URL (tidak didukung oleh IE11, tetapi tersedia di tempat lain ).
Ini juga memudahkan untuk mengakses params pencarian . Bonus lain: itu dapat digunakan dalam Pekerja Web karena tidak tergantung pada DOM.
const url = new URL('http://example.com:12345/blog/foo/bar?startIndex=1&pageSize=10');
Metode 2 (cara lama): Gunakan parser bawaan browser di DOM
Gunakan ini jika Anda memerlukan ini untuk bekerja di browser lama juga.
// Create an anchor element (note: no need to append this element to the document)
const url = document.createElement('a');
// Set href to any path
url.setAttribute('href', 'http://example.com:12345/blog/foo/bar?startIndex=1&pageSize=10');
Itu dia!
Parser bawaan browser sudah melakukan tugasnya. Sekarang Anda bisa mengambil bagian yang Anda butuhkan (perhatikan bahwa ini berfungsi untuk kedua metode di atas):
// Get any piece of the url you're interested in
url.hostname; // 'example.com'
url.port; // 12345
url.search; // '?startIndex=1&pageSize=10'
url.pathname; // '/blog/foo/bar'
url.protocol; // 'http:'
Bonus: Cari params
Kemungkinannya Anda mungkin ingin memecah params url pencarian juga, karena '? StartIndex = 1 & pageSize = 10' tidak terlalu bisa digunakan sendiri.
Jika Anda menggunakan Metode 1 (API URL) di atas, Anda cukup menggunakan getter searchParams:
url.searchParams.get('startIndex'); // '1'
Atau untuk mendapatkan semua parameter:
function searchParamsToObj(searchParams) {
const paramsMap = Array
.from(url.searchParams)
.reduce((params, [key, val]) => params.set(key, val), new Map());
return Object.fromEntries(paramsMap);
}
searchParamsToObj(url.searchParams);
// -> { startIndex: '1', pageSize: '10' }
Jika Anda menggunakan Metode 2 (cara lama), Anda dapat menggunakan sesuatu seperti ini:
// Simple object output (note: does NOT preserve duplicate keys).
var params = url.search.substr(1); // remove '?' prefix
params
.split('&')
.reduce((accum, keyval) => {
const [key, val] = keyval.split('=');
accum[key] = val;
return accum;
}, {});
// -> { startIndex: '1', pageSize: '10' }