fungsi get url javascript ini sangat jarang sekali di pakai oleh programer front end, namun beda lagi dengan programer yang selalu mengulik system, fungsi get url ini kadang kala menjadi sangat penting, dan seperti biasa sebelum kita mulai percobaan, terlebih dahulu diri ini meminta izin untuk mengucapkan
Salam sobat semua
Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini. dan tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk junjungan sayyidina Muhammad ibni Abdillah S.A.W. beserta kepada keluarga dan para sahabatnya.
Bismillahir rohmaanir rohiim, kali ini kita akan mencoba fungsi get url atau kita akan mencoba bagaimana cara mengetahui url pada halaman yang telah kita buka dengan javascript. dan kita akan mencoba mendapatkan url halaman yang kita buka dengan javscript dengan beberapa fungsi yang saya tahu. adapun fungsi untuk mendapatkan url saat ini dengan javascript yang saya tahu yaitu
Fungsi document.documentURI
fungsi ini adalah merupakan salah satu fungsi dalam javascript untuk mendapatkan url halaman, dan adapun untuk penulisannya adalah sebagai berikut
document.documentURI;
dan untuk contoh kode dalam penerapan javascript kurang lebih sebagai berikut
<script>
function geturl(){
document.getElementById("outhtml").innerHTML=document.documentURI;
}
</script>
<body onload="geturl()">
<h1 id="outhtml"></h1>
</body>
jika kode diatas dijalankan maka akan menghasilkan output URL halaman yang kita akses seperti tampak berikut
fungsi document.URL sama persi dengan fungsi document.documentURI. dan untuk penulisannya adalah sebagai berikut
document.URL;
dan untuk contoh kode dalam penerapan javascript kurang lebih sebagai berikut
<script>
function geturl(){
document.getElementById("outhtml").innerHTML=document.URL;
}
</script>
<body onload="geturl()">
<h1 id="outhtml"></h1>
</body>
jika kode diatas dijalankan maka akan menghasilkan output URL halaman yang kita akses seperti tampak berikut
Fungsi Window Location
fungsi window location ini sedikit unik karena fungsi window location ada beberapa macam yang saya tahu, dan adapun macam-macam fungsi window location ini adalah
window.location.href;
dan untuk contoh kode dalam penerapan javascript kurang lebih sebagai berikut
<script>
function geturl(){
document.getElementById("outhtml").innerHTML=window.location.href;
}
</script>
<body onload="geturl()">
<h1 id="outhtml"></h1>
</body>
jika kode diatas dijalankan maka akan menghasilkan output URL halaman yang kita akses seperti tampak berikut
- Fungsi window.location.hostname
fungsi ini digunakan untuk mengambil nama host atau url host nya saja. jadi fungsi ini hanya mengambil url host saja tidak mengambil seluruh url seperti fungsi fungsi diatas. adapun untuk penulisannya adalah sebagai berikut
window.location.hostname;
dan untuk contoh kode dalam penerapan javascript kurang lebih sebagai berikut
<script>
function geturl(){
document.getElementById("outhtml").innerHTML=window.location.hostname;
}
</script>
<body onload="geturl()">
<h1 id="outhtml"></h1>
</body>
kalau kode diatas ingin dijalankan harus menggunakan xampp dan menaruh file kode diatas di folder htdocs xampp seperti yang sudah kita coba sebelumnya pada tulisan cara menjalankan applikasi web dengan xampp , dan jika kode diatas sudah berjalan atau running maka akan menghasilkan output URL Host halaman yang kita akses seperti tampak berikut
- Fungsi window.location.pathname
fungsi ini digunakan untuk mengambil data url path atau url dir atau url folder file kode atau file applikasi web kita. jadi tidak mengambil data url semuanya. dan adapaun untuk penulisannya adalah sebagai berikut.
window.location.pathname;
dan untuk contoh kode dalam penerapan javascript kurang lebih sebagai berikut
<script>
function geturl(){
document.getElementById("outhtml").innerHTML=window.location.pathname;
}
</script>
<body onload="geturl()">
<h1 id="outhtml"></h1>
</body>
dan kode diatas untuk menjalankannya sama dengan menjalankan kode fungsi window.location.hostname yaitu di xampp web server, dan kode diatas akan menghasilkan output seperti berikut
- Fungsi window.location.assign
untuk fungsi ini digunakan untuk membuka dokumen atau membuka url baru, dan fungsi ini hampir sama dengan fungsi window.open() adapun penulisan fungsi window.location.assign adalah sebagai berikut
window.location.assign("urlnya");
dan untuk penulisan fungsi window.open sebagai berikut
window.open("urlnya","action(_self,_blank,_parent)");
dan untuk contoh kode dalam penerapan javascript untuk fungsi window.location.assign kurang lebih sebagai berikut
<script>
function openurl(){
window.location.assign("http://localhost/windowlocationpathname.html");
}
</script>
<body>
<h1 id="outhtml">Klik Tombol Untuk Menlanjutkan</h1>
<button onclick="openurl()">Lanjutkan</button>
</body>
dan untuk contoh kode dalam penerapan javascript untuk fungsi window.open kurang lebih sebagai berikut
<script>
function openurl(){
window.open("http://localhost/windowlocationpathname.html","_blank");
}
</script>
<body>
<h1 id="outhtml">Klik Tombol Untuk Menlanjutkan</h1>
<button onclick="openurl()">Lanjutkan</button>
</body>
dan jika dua kode diatas dijalankan dan ketika di klik tombol lanjutkan maka akan terbuka url http://localhost/windowlocationpathname.html tapi perbedaanya pada fungsi window.open akan membuka url http://localhost/windowlocationpathname.html pada tab baru. dan dua kode diatas jika dijalankan tanpa mengklik tombol lanjutkan seperti berikut
dan seperti itu lah kurang lebihnya tentang get url javascript dan bagaimana caranya mendapatkan url halaman yang kita akses saat ini atau cara bagaimana mendapatkan dan mengetahui url dengan javascript pada halaman yang kita akses saat ini. dan saya rasa cukup sekian dulu untuk tulisan tentang get url javascript dan bagaimana caranya mendapatkan url halaman yang kita akses saat ini atau cara bagaimana mendapatkan dan mengetahui url dengan javascript pada halaman yang kita akses saat ini, dan kita lanjut di next tulisan Insya Allah. dan mudah-mudahan tulisan ini bisa memberi manfaat bagi kita semua Aamiiin.
Salam sobat semua
#javascript #free #html #share #berbagi #gratis #documentURI #URL #windowlocation #web #website #websites
Comments
Post a Comment