Primasaja.com: Service WEB, MOBILE & SOFTWARE DEVELOPMENT , ENGINEERING & ARCHITECTURE , DESIGN & CREATIVE , ADMIN SUPPORT , SALES & MARKETING , INSTALASI JARINGAN & KOMPUTER
Email: jakaprima123@gmail.com
Phone: 081311086653
Fax: -
Url:
cash, credit card
Perum Griya Rajeg Lestari Blok C No 24
Tangerang indonesia 15540

Apa Itu Javascript Void 0 Dan Fungsinya

7
jaka
Contoh seperti apa javascript void(0) itu
www.primasaja.com - kali ini website primasaja.com akan membahas mengenai " Apa Itu Javascript Void(0) Dan Fungsinya ".

Contoh seperti apa javascript void(0) itu
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

sebagai contoh lebih jelas saya jelaskan seperti gambar - gambar berikut :



Apa Itu Javascript Void(0) Dan Fungsinya gambar 1
gambar 1
seperti pada gambar satu url tersebut adalah url default kita

Apa Itu Javascript Void(0) Dan Fungsinya gambar 2
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

Apa Itu Javascript Void(0) Dan Fungsinya gambar 3
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
Apa Itu Javascript Void(0) Dan Fungsinya gambar 4
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




Apa Itu Javascript Void(0) Dan Fungsinya gambar 5
gambar 5

untuk keperluan URL #blabla yang menuju suatu halaman tertentu kembali yang menggunakan sistem URL tanpa refresh


Apa Itu Javascript Void(0) Dan Fungsinya gambar 6
gambar 6


dan menuju halaman yang sebelumnya menggunakan javascript:void(0) untuk menggunakan javacript:void(0) kembali

Apa Itu Javascript Void(0) Dan Fungsinya gambar 7


contoh code :
<a href="JavaScript:void(0);" id="primasajatest" >klik saya</a>

praktek :

klik saya



foto
nama pada 2018-08-06 01:40:01
sssss
foto
aa pada 2018-08-06 13:05:28
mantul
foto
SELLY KARINA FITRI pada 2018-08-12 07:30:19
p
foto
sda pada 2018-09-02 13:22:03
asd
foto
e pada 2018-09-19 08:28:28
ee
foto
asd pada 2018-09-22 00:54:34
asdadadsad
foto
Reza pada 2018-11-08 09:57:06
test aja ya bos