Instructions JavaScript

Commandes émises par des instructions JavaScript au navigateur. Le but d'une instruction est d'indiquer au navigateur quoi faire.

document.getElementById utilise

Syntaxe : oElement = document .getElementById (sID)

Paramètre : sID - obligatoire possibilités. Chaîne.

Valeur de retour : oElemen--Object (Element).

Description : récupère l'objet en fonction de la valeur de l'attribut id spécifiée. Renvoie une référence au premier objet dont la valeur de l'attribut id est égale à sID. Si l'objet correspondant est un groupe d'objets, le premier objet du groupe est renvoyé. S'il n'y a pas d'objet correspondant, renvoyez null .

Remarque : document.getElementById(" ") obtient un objet. Utilisez alert pour afficher "objet" au lieu d'une valeur spécifique. Il a des attributs tels que la valeur et la longueur. Ajoutez .value pour obtenir la valeur spécifique. !

Détails :

① document.getElementById saisit parfois le nom et lâche l'identifiant, ce qui est considéré comme un BUG d'IE

② getElementbyId en javascript est utilisé dans
pages Web L'élément doit avoir un attribut id avant de pouvoir être obtenu via cette méthode, tel que <input type=textname="content" id="content">

③Il existe deux manières principales pour obtenir les balises html, l'une est via la valeur ID, l'autre via l'attribut name (l'attribut name est principalement utilisé pour la balise d'entrée dans le formulaire.)

Remarque :

document.getElementById(" " ) Ce que vous obtenez est un objet. Utilisez alert pour afficher

"objet" au lieu d'une valeur spécifique. Il a des attributs tels que la valeur et la longueur. get

C'est une valeur spécifique !

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = "你好 summer";
    </script>
</body>
</html>

Point-virgule ;

Le point-virgule est utilisé pour séparer les instructions JavaScript.

Habituellement, nous ajoutons un point-virgule à la fin de chaque instruction exécutable.

Une autre utilisation des points-virgules consiste à écrire plusieurs déclarations sur une seule ligne.

a = 5;
b = 6;
c = a + b;

Code JavaScript

JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
本例向网页输出一个标题和两个段落：
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo">一句问候</p>
    <div id="myDIV">一段话</div>
    <script>
    document.getElementById("demo").innerHTML="你好 summer";
    document.getElementById("myDIV").innerHTML="你最近过得怎么样?";
    </script>
</body>
</html>

Blocs de code JavaScript

JavaScript peut être combiné par lots.

Un bloc de code commence par une accolade gauche et se termine par une accolade droite.

Le but d'un bloc de code est d'exécuter une séquence d'instructions ensemble.

Cet exemple génère un titre et deux paragraphes sur la page Web :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script>
    function myFunction(){
    document.getElementById("myPar").innerHTML="你好，世界！";
    document.getElementById("myDiv").innerHTML="这里要显示一句话。";
    }
    </script>
</head>
<body>
    <p id="myPar">替代</p>
    <div id="myDiv">覆盖</div>
    <p>
    <button type="button" onclick="myFunction()">点击这里</button>
    </p>
</body>
</html>

Identifiant de l'instruction JavaScript

L'instruction JavaScript commence généralement par un L'identificateur d'instruction est démarré et l'instruction est exécutée.

Les identifiants d'instructions sont des mots-clés réservés et ne peuvent pas être utilisés comme noms de variables.

Le tableau suivant répertorie les identifiants d'instructions JavaScript (mots clés) :

L'instruction Description

break est utilisée pour sortir de la boucle

le bloc d'instruction catch est exécuté lorsqu'une erreur se produit dans le bloc d'instruction try. .

continue Ignorer une itération dans la boucle

do... while Exécuter un bloc d'instructions et continuer à exécuter le bloc d'instructions lorsque l'instruction conditionnelle est vraie. vrai, le bloc de code peut être exécuté un nombre de fois spécifié.

for ... in est utilisé pour parcourir les propriétés du tableau ou de l'objet (opération en boucle sur les propriétés du tableau ou de l'objet >).

la fonction définit une fonction

si ... sinon utilisée pour effectuer différentes actions en fonction de différentes conditions

fonction de sortie de retour

le commutateur utilisé en fonction de différentes conditions effectue différentes actions.

throw génère (génère) des erreurs.

try implémente la gestion des erreurs et est utilisé avec catch

var déclare une variable

while. l'instruction conditionnelle est vraie, exécutez le bloc d'instruction

JavaScript est sensible à la casse.

Lorsque vous écrivez des instructions JavaScript, veuillez faire attention à savoir si la touche de commutation du boîtier est désactivée.

Les fonctions getElementById et getElementbyID sont différentes.

De même, les variables myVariable et MyVariable sont également différentes.

Espaces

JavaScript ignore les espaces supplémentaires. Vous pouvez ajouter des espaces à votre script pour le rendre plus lisible. Les deux lignes de code suivantes sont équivalentes :

var person="Hege";
var person = "Hege";

Envelopper des lignes de code

Vous pouvez envelopper des lignes de code à l'aide de barres obliques inverses dans des chaînes de texte. L'exemple suivant s'affichera correctement :

document.write("Hello
world!");

Cependant, vous ne pouvez pas envelopper des lignes comme ceci :

document.write
("Bonjour tout le monde !");

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function getAge(){ var age; age = document.getElementById("age_input").value; if ( age == "" ) { alert("请输入您的年龄！"); return false; } if ( age > 25 ) { alert("您的岁数大于 25 岁。"); } else if ( age < 25 ) { alert("您的岁数小于 25 岁。"); } else { alert("您的岁数等于 25 岁。"); } } </script> </head> <body> 您的年龄：<input type="text" id="age_input" /> <input type="button" onclick="getAge()" value="确定" /> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Instructions JavaScript

É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]