javascript:void(0) signification


Nous utilisons souvent du code comme javascript:void(0), alors que signifie javascript:void(0) en JavaScript ?

La chose la plus critique dans javascript:void(0) est le mot-clé void. void est un mot-clé très important en JavaScript. Cet opérateur spécifie qu'une expression doit être évaluée mais ne pas renvoyer de valeur.

Le format de syntaxe est le suivant : 

<head>
<script type="text/javascript">
<!--
void func()
javascript:void func()

或者

void(func())
javascript:void(func())
//-->
</script>
</head>

Le code suivant crée un lien hypertexte sur lequel rien ne se passe lorsque l'utilisateur clique dessus.

Instance

<!DOCTYPE html> 
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>
	
    <a href="javascript:void(0)">单此处什么也不会发生</a>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Lorsque l'utilisateur crée un lien, void(0) est évalué à 0, mais n'a aucun effet sur Javascript.

Dans le cas suivant, un message d'avertissement s'affiche après que l'utilisateur clique sur le lien :

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
<!--
//-->
</script>
</head>
<body>
	
<p>点击以下链接查看结果：</p>
<a href="javascript:void(alert('Warning!!!'))">点我!</a>
	
</body>
</html>

Exécuter instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Dans les exemples suivants, le paramètre a renverra undéfini :

Instance 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
function getValue(){
   var a,b,c;
   a = void ( b = 5, c = 7 );
   document.write('a = ' + a + ' b = ' + b +' c = ' + c );
}
</script>
</head>
<body>
	
<p>点击以下按钮查看结果：</p>
<form>
<input type="button" value="点我" onclick="getValue();" />
</form>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

href ="#" et href="javascript:void( 0)"La différence

# contient une information de localisation, et l'ancre par défaut est #top, qui est le haut de la page Web.

Et javascript:void(0), représente simplement un lien mort.

Lorsque la page est très longue, # sera utilisé pour localiser la position spécifique de la page. Le format est : # + id.

Si vous souhaitez définir un lien mort, veuillez utiliser javascript:void(0) .

Instance

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>
<a href="javascript:void(0);">点我没有反应的!</a>
<a href="#pos">点我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位点</p> 
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne