Window Location

Jenis Input yang mengambil value dari windows location yang sedang aktif/terbuka.

window.location pada JavaScript adalah objek yang menyediakan informasi tentang URL dari halaman web yang sedang diakses, serta memungkinkan manipulasi URL tersebut. Objek ini memiliki berbagai properti untuk mendapatkan bagian-bagian tertentu dari URL (seperti protokol, hostname, path), dan metode untuk mengarahkan pengguna ke halaman lain, me-refresh halaman, atau mengganti URL tanpa menyimpan history.

Singkatnya, window.location digunakan untuk:

  1. Mendapatkan atau mengubah URL halaman web.

  2. Mengarahkan pengguna ke URL baru.

  3. Me-refresh halaman atau memuat ulang dari server.

Input jenis ini dapat mengambil value dari object yang dijelaskan diatas.

Contoh URL: https://www.example.com:8080/path/page.html?query=123#section

Daftar kunci yang dapat diambil dari object windows location adalah seperti ini:

  1. href = "https://www.example.com:8080/path/page.html?query=123#section"

  2. protocol = "https:"

  3. hostname = "www.example.com"

  4. host = "www.example.com:8080"

  5. port = "8080"

  6. pathname = "/path/page.html"

  7. search = "?query=123"

  8. hash = "#section"

  9. origin = "https://www.example.com:8080"

Contoh implementasi pada input seperti dibawah ini, kebetulan saya contohkan pada url http://localhost:7010/dyn_pages/20240719073558975Zoh5vgx10crn/page_20240719073558975Zoh5vgx10crn

"dynamicForm": [
        {
          "fieldName": "input_href",
          "size": 6,
          "type": "current_location",
          "keySelector": "href"
        },
        {
          "fieldName": "input_hostname",
          "size": 6,
          "type": "current_location",
          "keySelector": "hostname"
        },
        {
          "fieldName": "input_origin",
          "size": 6,
          "type": "current_location",
          "keySelector": "origin"
        },
        {
          "fieldName": "input_protocol",
          "size": 6,
          "type": "current_location",
          "keySelector": "protocol"
        },
        .......

hasilnya akan seperti ini:

Last updated