Mengetahui Nilai URL HTML Menggunakan Lokasi Href DOM
 |
| Ilustrasi Properti Lokasi href DOM HTML |
- Berfungsi untuk mengembalikan nilai properti href: location.href
- Berfungsi untuk mengatur nilai properti href: location.href = URL
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Lokasi href DOM
</title>
<style>
h1
{
color: green;}
h2
{
font-family: Impact;}
body
{
text-align: center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Lokasi href DOM
</h2>
<p>
Untuk mengembalikan nilai
keseluruhan dari alamat URL
saat ini, lakukan double klik
pada tombol "Return URL":
</p>
<button
ondblclick="myhref()">
Return URL
</button>
<p id="href"></p>
<script>
function myhref()
{
var h = location.href;
document.getElementById("href").innerHTML = h;
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Lokasi href DOM
Untuk mengembalikan nilai keseluruhan dari alamat URL saat ini, lakukan double klik pada tombol "Return URL":
Contoh: mengatur nilai href ke titik lain dari URL website.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Lokasi href DOM
</title>
<style>
h1
{
color: green;}
h2
{
font-family: Impact;}
body
{
text-align: center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Lokasi href DOM
</h2>
<p>
Untuk mengarah ke alamat
www.penelitian.id, lakukan
double klik pada tombol
"Redirect":
</p>
<button
ondblclick="myhref()">
Redirect
</button>
<script>
function myhref()
{
location.href =
"https://www.penelitian.id/";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Lokasi href DOM
Untuk mengarah ke alaman www.penelitian.id, lakukan double klik pada tombol "Redirect":
- 2 Sintak Properti Location Search DOM pada HTML [klik]
- Cara Penggunaan Method Lokasi assign() DOM pada HTML [klik]
- 2 Parameter Method location.reload() DOM pada HTML [klik]
- Cara Penggunaan Method location.replace() DOM pada HTML [klik]
- Cara Penggunaan Properti Navigator appCodeName pada HTML [klik]
- Cara Penggunaan Properti Navigator appName pada HTML [klik]
- Cara Penggunaan Properti Navigator appVersion pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti lokasi href DOM pada HTML?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti lokasi href DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti location.href DOM pada HTML?
BalasHapusProperti location.href DOM pada HTML digunakan untuk menetapkan atau mengembalikan nilai seluruh URL pada halaman yang digunakan saat ini.
HapusProperti href dari interface location merupakan stringifier yang berfungsi untuk mengembalikan USVString yang berisi nilai dari seluruh URL, dan memungkinkan untuk nilai href diperbarui.
Hapus