Une introduction aux bases de la syntaxe js pour les débutants

Avec la popularité d'ajax, js a attiré beaucoup d'attention. Le plus grand avantage de js est qu'il peut fonctionner sur tous les éléments du HTML, y compris la création d'éléments de balise, la modification des attributs d'élément, etc., ce qui nous permet d'utiliser. js pour obtenir de nombreux effets dynamiques et offrir aux utilisateurs une interactivité plus forte !

Méthode de test Js

En débogage Lors de l'écriture de scripts Javascript, s'il y a une erreur, il y aura un point d'interrogation dans la barre d'état d'IE [cliquez sur ce point d'interrogation], ou une boîte d'erreur apparaîtra. Afin de trouver l'erreur le plus rapidement possible, les éléments suivants sont couramment utilisés pour le débogage. méthodes :
1. Si l'objet apparaît nul ou si l'objet est introuvable, cela signifie que l'identifiant, le nom ou le DOM est mal écrit. Veuillez vérifier la ligne où se trouve l'erreur. S'il y a un problème, accédez au fichier ; corps fonctionnel pour trouver la raison.
3.Afin d'accélérer, vous pouvez d'abord utiliser les commentaires /* */ pour bloquer une partie du code et le vérifier étape par étape ;  
4. Vous pouvez ajouter alert(xxx) pour voir si la variable a la valeur attendue ;
5.Les rapports d'erreur IE sont souvent inexacts. Par exemple, si la ligne 18 est erronée, il y a parfois un problème. avec la ligne 19 ;
6 Afin de garantir que le code peut s'exécuter correctement, lorsque vous n'êtes vraiment pas sûr qu'une erreur se produise, utilisez l'instruction try{}catch{} pour faire autre chose. méthodes
Veuillez continuer à ajouter.

 <script>   
  try{   
        x=y;       //   Cause   an   error.   
  }   
  catch(e){       //   Create   local   variable   e.   
        alert(e);       //   Prints   "[object   Error]".   
        alert(e.number   &   0xFFFF);       //   Prints   5009.   
        alert(e.description);       //   Prints   "&#39;y&#39;   is   undefined".   
  }   
  </script>

Chaque élément est une petite compétence en js, mais c'est très pratique !
1.document.write(""); Instruction de sortie
2. Le commentaire en JS est //
3 L'ordre traditionnel des documents HTML est : document->html-> (head,body)
4. L'ordre DOM dans une fenêtre de navigateur est : window->(navigateur, écran, historique, emplacement, document)
5. Obtenez le nom et la valeur de l'élément dans le formulaire. : document .getElementById("Numéro d'identification de l'élément dans le formulaire").name(or value)
6. Un JS minuscule à majuscule : document.getElementById("output").value = document.getElementById("input "). value.toUpperCase();
7. Types de valeur en JS : String, Number, Boolean, Null, Object, Function
8. Convertir les types de caractères en types numériques en JS : parseInt(), parseFloat( )
9. Convertissez les nombres en JS en type de caractère : (""+variable)
10. La longueur de la chaîne en JS est : (longueur)
11. + signe.
12. Les opérateurs de comparaison en JS sont : == égal à, != différent de, >, >=, <.> 13. Utilisez ce qui suit pour déclarer des variables. en JS : var à déclarer
14. Structure de l'instruction de jugement en JS : if (condition) {}else {}
15. Structure de boucle en JS : for ([expression initiale]; [condition]; [expression mise à jour ]) {à l'intérieur de la boucle}
16. La commande pour terminer la boucle est : break
17. Définition de la fonction en JS : function functionName([parameter],...){statement[s]}
. 18 .Lorsque plusieurs formulaires apparaissent dans le fichier, vous pouvez utiliser document.forms[0], document.forms[1] à la place.
19. Fenêtre : ouvrez la fenêtre window.open(), fermez une fenêtre : fenêtre. close(), la fenêtre elle-même : self
20. Paramètres de la barre d'état : window.status="Character";
21. Message d'invite contextuel : window.alert("Character");
22. . Boîte de confirmation contextuelle : window.confirm();
23. Boîte d'invite de saisie contextuelle : window.prompt();
24. Spécifiez l'emplacement du lien actuellement affiché : window.location.href. ="URL"
25 .Obtenez le nombre de tous les formulaires sous la forme : document.forms.length
26. Fermez le flux de sortie du document : document.close();
27. connecteur : +=
28 .Créez un élément de document : document.createElement(), document.createTextNode()
29 Méthode pour obtenir l'élément : document.getElementById()
30. ​de tous les membres texte du formulaire à vider :
var form = window.document.forms[0]
for (var i = 0; i if (form.elements.type == "text"){
form.elements.value = "" ;
}
}
31. Déterminez si le bouton de vérification est sélectionné dans JS : document.forms[0].checkThis.checked (l'attribut vérifié représente qu'il soit sélectionné et renvoie VRAI ou FAUX)
32 .Groupe de boutons radio (les noms des boutons radio doivent être les mêmes) : prendre la longueur du groupe de boutons radio document.forms[0].groupName.length
33. Checked.34 La valeur de la zone de liste déroulante : document.forms[0].selectName.options[n].value ( n utilise parfois le nom de la zone de liste déroulante plus .selectedIndex pour déterminer la valeur sélectionnée)
35. Caractères Définition de la chaîne : var myString = new String("This is Lightsword");
36. chaîne en majuscule : string.toUpperCase(); Convertir la chaîne en minuscule : string.toLowerCase();
37 .Renvoyer la position où la chaîne 2 apparaît dans la chaîne 1 : String1.indexOf("String2")!=-1 signifie il n'est pas trouvé.
38. Obtenez un caractère à la position spécifiée dans la chaîne : StringA.charAt( 9);
39. Supprimez la sous-chaîne du point de départ et du point final spécifiés dans la chaîne : stringA. .substring(2,6);
40. Fonctions mathématiques : Math.PI (renvoie pi), Math.SQRT2 (renvoie la racine carrée), Math.max(value1, value2) renvoie la valeur la plus élevée des deux nombres. , Math.pow(value1,10) renvoie la dixième puissance de value1, Math.round(value1) fonction d'arrondi, Math.floor (Math.random()*(n+1)) renvoie un nombre aléatoire
41. Définissez les variables de type date : var Today = new Date();
42. Liste des fonctions de date : dateObj.getTime() obtient l'heure, dateObj.getYear() obtient l'année, dateObj.getFullYear() obtient les quatre- année à chiffres, dateObj.getMonth() obtient le mois, dateObj.getDate() obtient le jour, dateObj.getDay() obtient la date, dateObj.getHours() obtient les heures, dateObj.getMinutes() obtient les minutes, dateObj. getSeconds() obtient les secondes, dateObj.setTime(value) définit l'heure, dateObj.setYear(val) définit l'année, dateObj.setMonth(val) définit le mois, dateObj.setDate( val) définit le jour, dateObj.setDay (val) définit le jour de la semaine, dateObj.setHours définit les heures, dateObj.setMinutes(val) définit les minutes, dateObj.setSeconds(val) définit les secondes [Remarque : cette date et cette heure commencent à 0]
43.Représentation FRAME : [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent représente l'objet parent, top représente l'objet supérieur
45. Le la fenêtre parent qui ouvre la fenêtre enfant est : opener
46 Indique l'emplacement actuel : this
47 Lors de l'appel d'une fonction JS dans un lien hypertexte, utilisez : (javascript:) pour commencer par le nom de la fonction
. 48. N'exécutez pas ce JS dans les anciens navigateurs :
49. Citez un JS de style fichier :