Lompat ke konten Lompat ke sidebar Lompat ke footer

Method Lokasi Assign DOM HTML dan Fungsinya

Metode location assign() digunakan untuk memuat dokumen baru. Method lokasi assign dibandingkan dengan method replace(), maka perbedaan antara kedua method tersebut adalah bahwa method replace() dapat menghapus URL dokumen saat ini dari riwayat dokumen dan oleh karena itu tidak mungkin untuk menavigasi kembali ke dokumen asli menggunakan tombol kembali, sedangkan pada method assign() adalah sebaliknya.

Cara Penggunaan Method Lokasi assign() DOM pada HTML
Ilustrasi Method Lokasi assign() DOM HTML

Sebelum memahami lebih dalam materi tentang Method Lokasi Assign DOM HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengatur Lokasi Pencarian HTML Menggunakan Location Search DOM [klik], Mengatur Nilai Protokol Lokasi HTML Menggunakan Location Protocol DOM [klik], dan Mengatur Port URL HTML Menggunakan Lokasi Port DOM [klik].

Sintak:
location.assign(URL)

Parameter:
  • URL: merupakan parameter wajib yang digunakan untuk menentukan URL dari halaman yang telah ditentukan untuk dilakukan proses navigasi.

Baca Juga:

Contoh: berikut adalah ilustrasi program menggunakan method lokasi assign() untuk melakukan loading dokumen baru.

<!DOCTYPE html>

<html>

 

<head>

<title>

Method lokasi assign() HTML

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method lokasi assign()

</h2>

 

<p>

Untuk melakukan loading 

dokumen baru, lakukan double 

klik pada tombol "Load 

Document": 

</p>

 

<button 

ondblclick="load()">

Load Document

</button>

 

<script>

function load() 

{

location.assign("https://www.penelitian.id/");

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Method lokasi assign()

Untuk melakukan loading dokumen baru, lakukan double klik pada tombol "Load Document":



Catatan: contoh program yang diberikan sebelum tidak dapat bekerja untuk semua jenis link pada frame dalam kondisi apapun.

Artikel ini didedikasikan kepada: Raditya Dwi Hardhani, Rafi Udin Musthofa, Rahmat Bagus Pangestu, Ramadani Fykri Azizi, dan Rani Widi Astuti.

6 komentar untuk "Method Lokasi Assign DOM HTML dan Fungsinya"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method lokasi assign() DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method lokasi assign() DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan method location.assign() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method location.assign() DOM pada html merupakan method yang dapat menyebabkan kondisi windows memuat dan menampilkan dokumen pada URL yang telah ditentukan sebelumnya. Setelah proses navigasi terjadi, maka user dapat melakukan proses navigasi kembali ke halaman yang telah disebuatkan pada location.assign() dengan menekan tombol back pada browser.

      Hapus
  3. Apa yang dimaksud dengan location pada JavaScript?

    BalasHapus
    Balasan
    1. Pada JavaScript, Object Lokasi atau location object merupakan bagian dari object windows yang berisi informasi tentang URL saat ini, dan dapat diakses melalui windows properti location.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -