“Javascript: void (0)” ne anlama geliyor?

<a href="javascript:void(0)" id="loginlink">login</a>

hrefBirçok kez böyle gördüm , ama bunun tam olarak ne anlama geldiğini bilmiyorum.

voidOperatör verilen ifadeyi ve daha sonra döner değerlendirir undefined.

voidOperatör sıklıkla elde edilmesi için, sadece kullanılan undefined, genellikle “kullanılarak, temel değerini void(0)” (eşdeğer olan “ void 0”). Bu durumlarda, global değişken undefined kullanılabilir (varsayılan olmayan bir değere atanmamış olduğu varsayılarak).

Burada bir açıklama verilmiştir: voidoperatör .

Bunu hrefbir bağlantının adresiyle yapmak istemenizin nedeni normalde bir javascript:URL'nin tarayıcıyı söz konusu JavaScript'i değerlendirme sonucunun düz metin sürümüne yönlendirmesidir. Ancak sonuç buysa, undefinedtarayıcı aynı sayfada kalır. void(0)sadece kısa ve basit bir betiktir undefined.

Teknik cevaba ek olarak, javascript:voidyazarın Yanlış Yaptığı anlamına gelir.

javascript:Sahte URL (*) kullanmak için iyi bir neden yoktur . Pratikte, herhangi biri 'yer işareti bağlantısı', 'bağlantıyı yeni bir sekmede aç' vb. Gibi şeyler denerse kafa karışıklığına veya hatalara neden olur. Bu, insanların yeni sekme için orta tıklamaya alıştığı için oldukça fazla şey oluyor: bir bağlantıya benziyor, yeni bir sekmede okumak istiyorsunuz, ancak gerçek bir bağlantı olmadığı ortaya çıkıyor, ve orta tıklandığında boş bir sayfa veya JS hatası gibi istenmeyen sonuçlar verir.

<a href="#">tartışmasız daha az kötü olabilecek yaygın bir alternatiftir. Bununla birlikte , bağlantının izlenmesini ve sayfanın üst kısmına yukarı kaydırılmasını önlemek return falseiçin onclickolay işleyicinizden hatırlamanız gerekir .

Bazı durumlarda, bağlantıyı göstermek için gerçek bir kullanışlı yer olabilir. Örneğin <div id="foo">, önceden gizlenmiş bir pencereyi tıklatabileceğiniz bir denetiminiz varsa , ona bağlanmak için kullanmak mantıklıdır <a href="#foo">. Veya aynı şeyi yapmanın JavaScript olmayan bir yolu varsa (örneğin, foo'nun başlangıcını görünür kılan 'thispage.php? Show = foo'), buna bağlayabilirsiniz.

Aksi takdirde, bir bağlantı yalnızca bazı komut dosyalarına işaret ediyorsa, bu gerçekten bir bağlantı değildir ve bu şekilde işaretlenmemelidir. Her zamanki yaklaşım eklemek olacaktır onclicka <span>, <div>ya da bir <a>bir olmadan hrefsiz alana tıklayabilirsiniz temizlemek yapmak için bir şekilde ve tarzda bunu. StackOverflow [yazma sırasında bunu yaptı; şimdi kullanır href="#"].

Bunun dezavantajı, klavye kontrolünü kaybetmenizdir, çünkü span / div / bare-a'ya sekemez veya boşlukla etkinleştiremezsiniz. Bunun aslında bir dezavantaj olup olmadığı, öğenin ne tür bir eylemde bulunması gerektiğine bağlıdır. Biraz çaba harcayarak, tabIndexöğeye a ekleyerek ve bir Space tuşuna basarak dinleyerek klavye etkileşimini taklit etmeye çalışabilirsiniz . Ancak, hiçbir zaman% 100 gerçek tarayıcı davranışını üretmeyecektir, en azından farklı tarayıcılar klavyeye farklı tepki verebilir (görsel olmayan tarayıcılardan bahsetmiyorum).

Gerçekten bağlantı olmayan ancak fare veya klavye ile normal olarak etkinleştirilebilen bir öğe istiyorsanız, istediğiniz tek şey <button type="button">(veya <input type="button">basit metin içeriği için de iyidir). İstediğiniz zaman yeniden düzenlemek için CSS'yi kullanabilirsiniz, böylece isterseniz bir düğmeden daha çok bir bağlantıya benzeyebilir. Ancak bir düğme gibi davrandığından, gerçekten bu şekilde işaretlemelisiniz.

(*: site yazarlığında, yine de. Açıkça yer imleri için kullanışlıdırlar. javascript:sahte URL'ler kavramsal bir tuhaflıktır: bir konuma işaret etmeyen, bunun yerine geçerli konumun içinde etkin kod çağıran bir konumlandırıcı. tarayıcılar ve webapps için sorun oluşturuyor ve hiçbir zaman Netscape tarafından icat edilmemeliydi.)

Hiçbir şey yapmayacağı anlamına gelir. Bağlantının hiçbir yerde 'gezinmemesi' için bir girişimdir. Ama bu doğru yol değil.

Aslında sadece gerektiği return falsede onclickolay, yani ister:

<a href="#" onclick="return false;">hello</a>

Genellikle bağlantı bazı 'JavaScript-y' işi yapıyorsa kullanılır. Bir AJAX formu göndermek, bir görüntüyü değiştirmek veya her neyse. Bu durumda dönüş adı verilen işlevi yaparsınız false.

Bununla birlikte, web sitenizi tamamen harika hale getirmek için, göz attığınız kişi JavaScript'i çalıştırmamayı seçerse, genellikle aynı işlemi yapan bir bağlantı eklersiniz.

<a href="backup_page_displaying_image.aspx"
   onclick="return coolImageDisplayFunction();">hello</a>

Javascript: void "#" davranışında BÜYÜK bir fark var

"#" sizi sayfanın üst kısmına kaydırırken "javascript: void (0);" değil.

Dinamik sayfaları kodluyorsanız bu çok önemlidir. kullanıcı, sayfadaki bir bağlantıyı tıklaması nedeniyle en üste geri dönmek istemez.

HTML bağlantılarına JavaScript işlevleri eklemek için çok popüler bir yöntemdir.
Örneğin: [Print]birçok web sayfasında gördüğünüz bağlantılar şöyle yazılmıştır:

<a href="javascript:void(0)" onclick="callPrintFunction()">Print</a>

Neden gerek yok hrefiken onclickişi tek başına? Çünkü kullanıcılar yokken 'Yazdır' metninin üzerine geldiğinde href, imleç işaretçi (👆) yerine düzeltme işaretine (ꕯ) dönüşür. Yalnızca hrefbir aetikete sahip olmak bunu bir köprü olarak doğrular.

Buna bir alternatif href="javascript:void(0);", kullanımıdır href="#". Bu alternatif, kullanıcının tarayıcısında JavaScript'in açık olmasını gerektirmediğinden daha uyumludur.

Her zaman bir href olmalıdır bir etiketleriyle. 'Undefined' döndüren bir JavaScript işlevinin çağrılması iyi olur. Böylece '#' ile bağlantı kurulacaktır.

Bir href olmadan Internet Explorer 6'daki bağlantı etiketleri a:hoverstilin uygulanmasını sağlamaz .

Evet, insanlığa karşı korkunç ve küçük bir suç, ancak daha sonra genel olarak Internet Explorer 6 da öyle.

Umarım bu yardımcı olur.

Internet Explorer 6 aslında insanlığa karşı büyük bir suçtur.

Undefined için kontrol ederken bazen void 0 göreceğinizi belirtmek gerekir, çünkü daha az karakter gerektirir.

Örneğin:

something === undefined

vs.

something === void 0

Bu nedenle, bazı küçültme yöntemleri tanımlanmamış olanı geçersiz 0 ile değiştirir.

Kullanımı javascript:void(0)HTML yazarı düğmesi eleman yerine çapa elemanı hatalı kullanıyor vasıtası.

Bağlantı etiketleri, sayfanın yenilenmesini önlemek için href değerini "#" veya "javascript: void (0)" olarak ayarlayarak sahte düğmeler oluşturmak için onclick olayıyla sıklıkla kötüye kullanılır. Bu değerler, bağlantıları kopyalarken / sürüklerken, yeni sekmelerde / pencerelerde bağlantı açarken, yer iminde ve JavaScript hala indirilirken, hatalar çıkarılırken veya devre dışı bırakılırken beklenmedik davranışlara neden olur. Bu aynı zamanda yardımcı teknolojilere (örn. Ekran okuyucular) yanlış anlambilim sağlar. Bu gibi durumlarda <button>bunun yerine kullanılması önerilir . Genel olarak bağlantı için yalnızca uygun bir URL kullanarak bir bağlantı kullanmalısınız.

Kaynak: MDN'nin <a>Sayfası .

voidundefinedtarayıcı yeni bir sayfa yükleyemeyecek şekilde bir değer döndürmek için kullanılan bir operatördür .

Web tarayıcıları, URL olarak kullanılan her şeyi alıp null döndüren bir JavaScript işlevi olmadığı sürece yükleyecek ve yükleyecektir. Örneğin, böyle bir bağlantıyı tıklarsak:

<a href="javascript: alert('Hello World')">Click Me</a>

yeni bir sayfa yüklenmeden bir uyarı mesajı görünür ve bunun nedeni alertboş değer döndüren bir işlevdir. Bu, tarayıcı yeni bir sayfa yüklemeye çalıştığında null olduğunu ve yüklenecek hiçbir şeyin olmadığını gösterir.

Geçersiz operatör hakkında dikkat edilmesi gereken önemli bir nokta, bir değer gerektirmesidir ve kendi başına kullanılamaz. Bunu şu şekilde kullanmalıyız:

<a href="javascript: void(0)">I am a useless link</a>

Bu kavramı anlamak için önce JavaScript'teki geçersiz operatörü anlamalısınız.

Void operatörünün sözdizimi şudur: void «expr»ifadeyi değerlendirir ve tanımsız döndürür.

Void'i bir işlev olarak uygularsanız, aşağıdaki gibi görünür:

function myVoid(expr) {
    return undefined;
}

Bu geçersiz işleç, bir ifadenin sonucunu atmak gibi önemli bir kullanıma sahiptir.

Bazı durumlarda, bir ifadenin sonucunun aksine tanımsız olarak geri dönmek önemlidir. Daha sonra bu sonucu atmak için void kullanılabilir. Böyle bir durum javascript içerir: bağlantılar için kaçınılması gereken, ancak yer işaretleri için yararlı olan URL'ler. Bu URL'lerden birini ziyaret ettiğinizde, birçok tarayıcı geçerli belgeyi "içerik" URL'lerini değerlendirmenin sonucuyla değiştirir, ancak sonuç yalnızca tanımsızsa. Bu nedenle, görüntülenmekte olan içeriği değiştirmeden yeni bir pencere açmak istiyorsanız, aşağıdakileri yapabilirsiniz:

javascript:void window.open("http://example.com/")

voidOperatör verilen ifadeyi veren ve tanımlanmamış döndürür. Sayfanın yenilenmesini önler.

Web Geliştiricileri javascript:void(0), aetiketin varsayılan davranışını önlemenin en kolay yolu olduğu için kullanır . void(*anything*)döner undefinedve bu bir falsy değeridir. ve bir falsy değerini dönen gibidir return falseiçinde onclickolması durumunda avarsayılan davranışları önlemek etiketi.

Bu yüzden etiketin javascript:void(0)varsayılan davranışını önlemenin en basit yolu olduğunu düşünüyorum a.

Bir bağlantının kullanılabilir bir görüntüleme nesnesi olabilmesi için bir HREF hedefi belirtilmesi gerekir.

Çoğu tarayıcı, gelişmiş JavaScript'i bir

<A HREF="" 

gibi etiket:

<A href="JavaScript:var elem = document.getElementById('foo');" 

çünkü çoğu tarayıcıdaki HREF etiketi boşluklara izin vermez veya boşlukları% 20'ye dönüştürür, çünkü bir SPACE'in HEX eşdeğeri, JavaScript'inizi yorumlayıcı için kesinlikle işe yaramaz hale getirir.

Bu nedenle, satır içi JavaScript'i yürütmek için bir HREF etiketi kullanmak istiyorsanız, HREF FIRST için çok karmaşık olmayan (boşluk içermeyen) geçerli bir değer belirtmeniz ve ardından JavaScript'i OnClick gibi bir etkinlik özelliği etiketinde belirtmeniz gerekir. , OnMouseOver, OnMouseOut, vb.

Tipik cevap böyle bir şey yapmaktır:

<A HREF="#" onclick="var elem = document.getElementById('foo');">Get the object</a>

Bu iyi çalışır, ancak pound işareti / karma etiketi bunu yapmasını söylemesi nedeniyle sayfanın üste atlamasını sağlar.

Sadece bir HREF etiketinde bir pound işareti / karma etiketi sağlamak aslında kök bağlantı noktasını belirtir, bu da her zaman varsayılan olarak sayfanın üstünde bir A HREF etiketi içinde NAME niteliğini belirterek farklı bir konum belirtebilirsiniz.

<A NAME='middleofpage'></A>

Daha sonra A HREF etiketinizi 'middleofpage'e atlayacak ve OnClick etkinliğinde JavaScript'i çalıştıracak şekilde değiştirebilirsiniz;

<A HREF="#middleofpage" onclick="var elem = document.getElementById('foo');">Get the object</a>

Bu bağlantının atlamasını istemediğiniz BİRÇOK kez olacak, böylece iki şey yapabilirsiniz:

<A HREF="#thislinkname" name='thislinkname' onclick="var elem = document.getElementById('foo');">Get the object</a>

Artık tıklandığında hiçbir yere gitmeyecek, ancak sayfanın kendisini mevcut görünüm noktasından yeniden merkezlemesine neden olabilir. Bu hoş değil. A HREF kullanarak, yukarıdakilerden herhangi birini yapmak zorunda kalmadan satır içi javascript sağlamanın en iyi yolu nedir? JavaScript: void (0);

<A HREF="JavaScript:void(0);" onclick="var elem = document.getElementById('foo');">Get the object</a>

Bu, tarayıcıya ŞİMDİ gitmesini söyler, bunun yerine geçerli JavaScript'i çalıştırır: void (0); boşluk içermediğinden ve URL olarak ayrıştırılmayacağından önce HREF etiketinde işlev görür. Bunun yerine derleyici tarafından çalıştırılacaktır. VOID, 0 değerinde bir perametre ile sağlandığında UNDEFINED değerini döndürdüğünde, 0 belirtmeden gerçekleşecek bir dönüş değerini işlemek için daha fazla kaynak kullanmayan (daha fazla bellek yönetimi / performans dostu) bir anahtar kelimedir.

Bir sonraki şey OnClick yürütülür. Sayfa hareket etmiyor, görüntü açısından hiçbir şey olmuyor.

JavaScript: URL'ler bir yana; void'in daha kısa kod yazmak için yararlı olabileceği yer burasıdır.

var error1 = false,
    error2 = false,
    error3 = false;

function error1() {

  error1 = true;
}

function myFunction() {

  // You can easily return and call a function at once, if you don't care about myFunction's return value
  if (!someCondition1)
    return error1();

  // What if you want to set a value first?
  if (!someCondition2) {
    error2 = true;
    return
  }

  // Shortest way to return and set a value at once
  if (!someCondition3)
    return void(error3 = true);

  // More code goes here
}