Sabtu, 08 Agustus 2015
Apa Itu Javascript Void(0) Dan Fungsinya
Label:
Javascript
Apa Itu Javascript Void(0)
Jaka Prima Maulana
selamat datang pengunjung primasaja.com,
kali ini website primasaja.com akan membahas mengenai " Apa Itu Javascript Void(0) Dan Fungsinya ".
Ketika anda menelusuri sebuah web dengan penggunaan script kode yang menggunakan javascript pernahkan anda melihat tentang javascript:void(0) seperti ini ketika di link :
pembuat web memanggil javascript tersebut untuk membuat fungsi tambahan pada sebuah link. pada dasarnya ketika anda mengklik sebuah link browser anda akan menuju ketempat link itu berada dengan refresh page halaman / loading halaman.
ada suatu kondisi dimana anda ingin merubah suatu aksi tapi tidak sesuai dengan sifat aslinya dan tidak menampilkan perubahan apapun pada url pada browser untuk keperluan proses selanjutnya.
sebagai contoh sebuah link yang seharusnya menuju ke suatu tempat redirect href ke suatu alamat url tertentu tetapi adakalanya ingin tidak menuju ke url tertentu tapi dikaitkan ke onClick="fungsiKaloDiClick()" dan diikuti dengan href="#" untuk tidak menuju ke url manapun tapi menjalankan fungsi ketika di klik
contoh :
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="#" onClick="fungsiKlik()" >klik saya</a>
</body>
<script >
function fungsiKlik(){
window.location.assign('urlkedua')
}
</script>
</html>
contoh dengan javascript:void(0):
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="#" onClick="fungsiKlik()" >klik saya</a>
</body>
<script >
function fungsiKlik(){
window.location.assign('urlkedua')
}
</script>
</html>
gunanya void(0) untuk membuat url lebih cantik tanpa perlu adanya penambahan /# dibagian paling akhir url.
Tetapi bukan hanya untuk agar url lebih cantik tetapi juga berfungsi kembali ke suatu url agar tidak error untuk mencegah meload halaman tanpa URL tambahan, disana fungsi Javascript:void(0) dipergunakan dan melewati parameter 0 (nol) bisa juga untuk menambahkan url baru. nah disini pointnya.
kalo pakai href="#" dia akan menuju ke url yang dituju seperti ini
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/urlkedua
lalu jika pakai tombol back
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/index.html#
akan ada hash di urlnya
tetapi jika memakai javascript:void(0) akan kembali tanpa hash (#)
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/index.html
 |
| gambar 1 |
 |
| gambar 2 |
lalu ketika anda akan mengklik menu lain tanpa refresh dan merubah URL anda dapat gunakan javascript:void(0) ini pada href seperti contoh gambar 2 tersebut
 |
| gambar 3 |
maka akan pindah url tanpa refresh dan merubah tampilan menuju URL tujuan tanpa merubah URL pada browser seperti saya gambarkan pada gambar 3 tersebut.
Mengapa perlu untuk agar URL tidak menggunakan # yaitu untuk pengembalian. Pengembalian maksudnya?
Maksud dari pengembalian disini dijelaskan seperti gambar berikut
 |
| gambar 4 |
ada beberapa hal atau maksud contoh url awal admin/ bla bla bla seperti gambar 4 ingin menuju kembali ke URL otomatis tanpa refresh tersebut maka diperlukan hal ini
 |
| gambar 5 |
untuk keperluan URL #blabla yang menuju suatu halaman tertentu kembali yang menggunakan sistem URL tanpa refresh
 |
| gambar 6 |
dan menuju halaman yang sebelumnya menggunakan javascript:void(0) untuk menggunakan javacript:void(0) kembali
contoh code :
<a href="JavaScript:void(0);" id="primasajatest" >klik saya</a>
praktek :
klik saya
Langganan:
Posting Komentar
(
Atom
)
bingung om
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusjadi mirip kayak AJAX
BalasHapusiya penjelasannya dikaitin ke fungsi ajax memang bukan penjelasan sederhana postingan berikutnya saya jelaskan lebih sederhana saja mungkin hhe
HapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusGak paham gan...
BalasHapusKalau fungsi javascript-void(0) tersebut tidak bisa berjalan, gimana cara mengatasinya? Saya pernah mengalami itu beberapa kali saat membuka website tertentu.
BalasHapusfungsinya memang untuk mencegah berjalan sesuai sifat aslinya di href maka url tidak akan berubah biasanya dibarengin sama ada onClick jadi onClick itu menuju proses tertentu kalo emang ga kebuka berarti onClick="fungsi()" fungsi di website itu error
HapusTerimakasih.. tulisannya sangat bermanfaat..
BalasHapusMy blog
saya punya masalah pada java script void 0 di blog saya yaitu pada bagian widget archive / arsip yang toggle expand callopsenya tidak berfungsi ketika di klik. silahkan di check di blog saya om yutips.com. terima kasih sebelumnya
BalasHapusCara menghapus Javascript void gimana yah soal nya susah
BalasHapus