javascript vide

javascript:void(0) Signification

Nous utilisons souvent du code comme javascript:void(0), donc en JavaScript javascript:void Que signifie (0 ) signifier?

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 de calculer une expression mais ne renvoie pas de valeur.

Le format de syntaxe est le suivant :

< ;head>
<script type="text/javascript">

</script>
</head>

Le code suivant crée un lien hypertexte qui ne fait rien lorsque l'utilisateur clique dessus.

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

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

Dans les exemples suivants, un message d'avertissement s'affiche après que l'utilisateur clique sur le lien :

<!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écutez le programme et essayez-le

Dans les exemples suivants, le paramètre a retournera undefined :

<!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écutez le programme et essayez-le

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

# inclut Avec une information de localisation, 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 l'emplacement précis 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中文网(php.cn)</title>
</head>
<body>
<a href="javascript:void(0);">点我没有反应的!</a><br/>
<a href="#pos">点我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位点</p>
</body>
</html>

Exécutez le programme et essayez-le

Formation continue

nouveau fichier

<!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:alert("Warning!!!");'>点我!</a> </body> </html>

soumettre Réinitialiser le code

Opération automatique

javascript vide

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]