Mengatur Lokasi Pathname HTML DOM
Properti lokasi pathname DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai pathname dari sebuah URL. Properti lokasi pathname mengembalikan sebuah string yang merepresentasikan nilai pathname dari URL.
Sintak:
Berikut adalah program ilustrasi properti lokasi pathname pada HTML.
Contoh:
 |
| Ilustrasi Properti Lokasi Pathname DOM HTML |
Sebelum memahami lebih dalam materi tentang Mengatur Lokasi Pathname HTML DOM, terlebih dahulu pelajari materi tentang: Mendapatkan Nilai Prokotol HTML Menggunakan Location Origin DOM [klik], Mengetahui Nilai URL HTML Menggunakan Lokasi Href DOM [klik], dan Mengetahui Lokasi Nama Host HTML Menggunakan Hostname DOM [klik].
- Berfungsi untuk mengembalikan properti pathname: location.pathname
- Berfungsi untuk mengatur nilai properti pathname: location.pathname = path
Berikut adalah program ilustrasi properti lokasi pathname pada HTML.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Lokasi Pathname DOM
</title>
<style>
h1
{
color: green;}
h2
{
font-family: Impact;}
body
{
text-align: center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti lokasi pathname DOM
</h2>
<p>
Untuk mengembalikan nilai
pathname dari URL saat ini,
lakukan double klik pada
tombol "Return Pathname"
button:
</p>
<button
ondblclick="mypath()">
Return Pathname
</button>
<p id="path"></p>
<script>
function mypath()
{
var p = location.pathname;
document.getElementById("path").innerHTML = p;
}
</script>
</body>
</html>
Output:Blog Elfan
Properti lokasi pathname DOM
Untuk mengembalikan nilai pathname dari URL saat ini, lakukan double klik pada tombol "Return Pathname" button:
Referensi Tambahan:
- 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]
- Cara Penggunaan Properti Navigator cookieEnabled pada HTML [klik]
- Cara Penggunaan Properti Navigator Geolokasi pada HTML [klik]
Artikel ini didedikasikan kepada: Putri Nilam Pambudi, Putri Vitriana, Qathrunnada Kamilia Firdaus, Qinthara Amalia Fatharani, dan Raditya Dwi Hardhani.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti lokasi pathname DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang sering digunakan untuk mengaktifkan properti lokasi pathname DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti location.pathname DOM pada HTML?
BalasHapusProperti location.pathname DOM pada HTML berfungsi untuk mengembalikan nilai path dan nama file dari halaman yang digunakan saat ini pada browser.
HapusApa yang dimaksud dengan pathname pada HTML?
BalasHapusPathname atau jalur file merupakan jalur yang menjelaskan lokasi file dalam struktur folder situs web.
Hapus