Je bent misschien wel eens “javascript:void(0)” tegengekomen in een HTML-document. Het wordt vaak gebruikt wanneer het invoegen van een expressie in een webpagina een ongewenst effect kan hebben. Om dit effect te verwijderen, wordt “javascript:void(0)” gebruikt. Deze expressie retourneert een ongedefinieerde primitieve waarde.
Dit wordt vaak gebruikt bij hyperlinks.
Soms zult u besluiten om wat JavaScript op te roepen vanuit een link. Normaal gesproken, als u op een link klikt, laadt de browser een nieuwe pagina of vernieuwt dezelfde pagina (afhankelijk van de opgegeven URL).
Maar waarschijnlijk wilt u niet dat dit gebeurt als u JavaScript aan de link hebt gekoppeld.
Om te voorkomen dat de pagina wordt vernieuwd, kunt u void(0) gebruiken.
Het gebruik van “#” in een ankertag: Wanneer u de volgende code in de editor schrijft, wordt de webpagina ververst nadat het waarschuwingsbericht is getoond.
Voorbeeld:
<!DOCTYPE html> <html> <head> <title>without JavaScript:void(0)</title> </head> <body> <center> <h1style="color:green">GeksforGeeks</h1> <h3>without JavaScript:void(0)</h3> <ahref="#" ondblclick="alert('Welcome to Geeks for Geeks')"> Double click on me </a> </center> </body> </html> Uitvoer:
Met behulp van “javascript:void(0);” in ankertag: Door “javascript:void(0);” in ankertag te schrijven, kan worden voorkomen dat de pagina opnieuw wordt geladen en kunnen JavaScript-functies gemakkelijk worden aangeroepen bij enkele of dubbele klikken.
Voorbeeld:
<!DOCTYPE html> <html> <head> <title>JavaScript:void(0)</title> </head> <body> <center> <h1style="color:green">GeksforGeeks</h1> <h3>JavaScript:void(0)</h3> <ahref="javascript:void(0);" ondblclick="alert('Welcome to Geeks for Geeks')"> Double click on me </a> </center> </body> </html> Uitvoer:
