lib

Manual Penggunaan Fungsi url

Pendahuluan

File ini berisi kumpulan fungsi JavaScript yang digunakan untuk mengambil dan mengelola informasi URL di dalam browser. Fungsi-fungsi ini dapat digunakan untuk mendapatkan informasi seperti protokol, host, path, query string, hash, serta mengatur atau mengubah elemen-elemen tersebut.

---

Fungsi dan Cara Penggunaannya

1. getProtocol()

Deskripsi: Mengembalikan protokol dari URL saat ini (contoh: http atau https).

Cara penggunaan:

let protocol = getProtocol();
console.log(protocol); // Output: "https" atau "http"

---

2. getHost()

Deskripsi: Mengembalikan host dari URL saat ini (contoh: example.com:8080).

Cara penggunaan:

let host = getHost();
console.log(host); // Output: "example.com:8080"

---

3. fullPath()

Deskripsi: Mengembalikan pathname lengkap dari URL saat ini.

Cara penggunaan:

let path = fullPath();
console.log(path); // Output: "/folder/subfolder/page.html"

---

4. folderPath()

Deskripsi: Mengembalikan path direktori dari URL tanpa nama file dan ekstensi.

Cara penggunaan:

let folder = folderPath();
console.log(folder); // Output: "/folder/subfolder/"

---

5. getPath()

Deskripsi: Mengembalikan pathname tanpa tanda / di awal.

Cara penggunaan:

let path = getPath();
console.log(path); // Output: "folder/page.html"

---

6. getQueryString()

Deskripsi: Mengembalikan query string dalam bentuk objek yang dapat diakses dengan properti.

Cara penggunaan:

let query = getQueryString();
console.log(query.key); // Output: Nilai dari parameter "key" jika ada

---

7. setQueryString(key, value)

Deskripsi: Menambahkan atau mengubah parameter dalam query string URL.

Cara penggunaan:

setQueryString("page", "2"); // URL berubah menjadi ?page=2

---

8. getHash()

Deskripsi: Mengembalikan hash (fragmen) dari URL tanpa simbol #.

Cara penggunaan:

let hash = getHash();
console.log(hash); // Output: "section1"

---

9. setHash(hashvalue)

Deskripsi: Mengatur nilai hash dalam URL.

Cara penggunaan:

setHash("contact"); // URL berubah menjadi #contact

---

10. redirect(URL)

Deskripsi: Mengalihkan pengguna ke URL yang diberikan.

Cara penggunaan:

redirect("https://example.com"); // Browser akan diarahkan ke "https://example.com"

---

11. onHashChange(runFunctionEvent)

Deskripsi: Menjalankan fungsi tertentu saat hash di URL berubah.

Cara penggunaan:

onHashChange((event) => {
    console.log("Hash berubah: ", window.location.hash);
});

---

Penutup

Fungsi-fungsi ini sangat berguna untuk mengelola URL dan navigasi halaman berbasis hash. Pastikan untuk menggunakannya dengan benar agar aplikasi dapat bekerja secara optimal.

This site is open source. Improve this page.