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 :
JavaScript
xxxxxxxxxx1
function myFunction() {2
location.href = "https://www.dosenit.com";3
}HTML
xxxxxxxxxx19
1
2
<html>3
<body>4
5
<h2> Alihkan ke Halaman Web Lain </h2>6
<p> Metode href akan tetap berada pada halamannya : </p>7
<p>Klik tobol di bawah ini untuk mengalihkannya</p>8
9
<button onclick="myFunction()">Alihkan</button>10
11
<script>12
function myFunction() {13
location.href = "https://www.dosenit.com";14
}15
</script>16
17
</body>18
</html> 19
Contoh location.replace :
JavaScript
xxxxxxxxxx1
function myFunction() {2
location.replace("https://www.dosenit.com")3
}HTML
xxxxxxxxxx19
1
2
<html>3
<body>4
5
<h2> Alihkan ke Halaman Web Lain </h2>6
<p> Metode replace() menggantikan dokumen saat ini dengan yang baru: </p>7
<p>Klik tobol di bawah ini untuk mengalihkannya</p>8
9
<button onclick="myFunction()">Replace document</button>10
11
<script>12
function myFunction() {13
location.replace("https://www.dosenit.com")14
}15
</script>16
17
</body>18
</html> 19
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.
