Cara Mengarahkan Halaman Web Ke Halaman Web Lain

Reviewed by Sutiono S.Kom., M.Kom., M.T.I

by Hanifah Nurbaeti March 2, 2021

Di bawah ini kita akan mempelajari cara mengarahkan halaman web ke halaman web lain menggunakan JavaScript.

Mengalihkan Halaman Web

Ada beberapa cara untuk mengalihkan ke halaman web lain dengan JavaScript. Yang paling populer adalah location.href dan location.replace:

Contoh location.href :

function myFunction() {
  location.href = "https://www.dosenit.com";
}

<!DOCTYPE html>
<html>
<body>

<h2> Alihkan ke Halaman Web Lain </h2>
<p> Metode href akan tetap berada pada halamannya : </p>
  <p>Klik tobol di bawah ini untuk mengalihkannya</p>
  
<button onclick="myFunction()">Alihkan</button>

<script>
function myFunction() {
  location.href = "https://www.dosenit.com";
}
</script>

</body>
</html>

Contoh location.replace :

function myFunction() {
  location.replace("https://www.dosenit.com")
}

<!DOCTYPE html>
<html>
<body>

<h2> Alihkan ke Halaman Web Lain </h2>
<p> Metode replace() menggantikan dokumen saat ini dengan yang baru: </p>
  <p>Klik tobol di bawah ini untuk mengalihkannya</p>
  
<button onclick="myFunction()">Replace document</button>

<script>
function myFunction() {
  location.replace("https://www.dosenit.com")
}
</script>

</body>
</html>

Catatan: Perbedaan antara href dan replace, adalah bahwa replace () menghapus URL dokumen saat ini dari riwayat dokumen, yang berarti tidak mungkin menggunakan tombol “kembali” untuk menavigasi kembali ke dokumen asli.