Que sont les variables?
Les variables sont des conteneurs utilisés pour stocker des informations
Déclaration variable
grammaire:
Nom de la variable VAR
Nom de variable = valeur;
Les variables doivent être déclarées d'abord puis attribuées
Les variables peuvent être attribuées à plusieurs reprises
Nommer les règles pour les variables
Les variables doivent commencer par des lettres;
Les variables peuvent également commencer par les symboles $ et _ (mais nous ne recommandons pas cela);
Les noms de variables sont sensibles à la casse (A et A sont des variables différentes).
Déclaration
La déclaration se termine par un point-virgule; Si le point-virgule est omis, la fin de la déclaration est déterminée par l'analyseur.
Ayez une bonne habitude de codage, vous devez finir avec;
Type de données
Dans JavaScript , une information est une valeur . Il existe différents types de valeurs, et le type que tout le monde connaît le plus est les nombres. La valeur de la chaîne est entourée de
Un ou plusieurs mots en citations.
Numéro de toute valeur numérique. Les nombres peuvent être décimaux ou sans 68,57
Caractères dans des guillemets de cordes. Vous pouvez utiliser des citations simples ou doubles "Hello, World"
Booléen vrai ou faux vrai
Les valeurs non définies et nulles non définies indiquent que la variable ne contient pas de valeur. Vous pouvez effacer la variable en définissant la valeur de la variable sur NULL.
Toute valeur associée à un objet
La valeur renvoyée par la fonction de fonction
1 var a; // a est undefined2 var a = 6; // a est le nombre 3 var a = "jason"; // a est une chaîne
Qu'est-ce qu'une fonction?
Les fonctions sont un ensemble d'instructions JavaScript qui effectuent une certaine tâche.
Syntaxe de base:
Fonction Nom de la fonction () {Code de fonction;}Nom de la fonction ();
illustrer:
La fonction définit les mots clés de la fonction.
"Nom de la fonction" Le nom que vous avez donné à la fonction.
"Code de fonction" est remplacé par du code qui complète une fonction spécifique.
Un appel de fonction de "deuxième nom de fonction"
1 fonction add2 () {2 var sun = 3 + 2; 3 alert (Sun); 4} 5 add2 (); // L'appel de la fonction écrit directement le nom de la fonction et apparaît directement le code de fonction1 <entrée type = "bouton" value = "cliquez sur moi" onclick = "add2 ()" /> 2 <! - Après avoir cliqué sur le bouton, appelez la fonction, onClick est l'événement de clic ->
Contenu de sortie (document.write)
Document.Write () sortit le contenu directement sur la page Web.
Le premier type: le contenu de sortie est enfermé avec "" et diffuse directement le contenu dans le signe "".
Document.Write ("I Love JavaScript!");Le deuxième type: Sortie du contenu via des variables
var mystr = "Hello World"; document.write (mysrt); // Écrivez directement le nom de la variable et sortit le contenu stocké par la variable
Le troisième type: sortit plusieurs contenus et connectez-les avec + signes.
var mystr = "hello"; document.write (mystr + "j'aime le script java"); // connecter plusieurs éléments avec + signes
Le quatrième type: Sortie des balises HTML et fonctionne, et les balises sont enfermées avec "".
var mystr = "hello"; document.write (mystr + "<br>"); // après la sortie bonjour, sort un newline document.write ("javascript");AVERTISSEMENT (boîte de dialogue de message d'alerte)
Lorsque nous visitons le site Web, une petite fenêtre apparaît parfois avec un texte de message dessus. Si vous ne cliquez pas sur "OK", vous ne pouvez rien faire sur la page Web
Comment fonctionner, cette petite fenêtre est implémentée à l'aide d'alerte.
Syntaxe: alert (chaîne ou variable);
var mynum = 30; alert ("Hello!"); alert (mynum);Résultat: la boîte de messages apparaît dans l'ordre (la boîte de dialogue Message apparaît d'alerte contient un bouton OK)
Avis:
1. Aucune autre opération ne peut être effectuée avant de cliquer sur le bouton "OK" dans la boîte de dialogue.
2. La boîte de dialogue Message peut généralement être utilisée pour déboguer un programme.
3. Contenu de sortie d'alerte, qui peut être une chaîne ou une variable, similaire à Document.Write
Confirmer la sélection (Confirmer la boîte de dialogue du message)
En plus de fournir des informations aux utilisateurs, nous souhaitons également obtenir des informations auprès des utilisateurs. La boîte de dialogue Confirmer le message est utilisée ici.
La boîte de dialogue Confirmer des messages est généralement utilisée pour permettre aux utilisateurs de faire des choix, tels que: "Avez-vous raison?" et ainsi de suite. Une boîte de dialogue apparaît (y compris un bouton OK et un bouton d'annulation).
Syntaxe: Confirm (Str);
Description du paramètre: STR: Le texte à afficher dans la boîte de dialogue Message Renvoie: Booléen Valeur
Valeur de retour:
Renvoie true lorsque l'utilisateur clique sur le bouton "OK"
Retour à false lorsque l'utilisateur clique sur le bouton "Annuler"
Remarque: La valeur de retour peut être utilisée pour déterminer le bouton que l'utilisateur clique.
<script type = "text / javascript"> var myMessage = confirm ("Aimez-vous javascript?"); if (myMessage == true) {document.write ("bon, allez!"); } else {document.write ("js est puissant, vous devez apprendre!"); } </ script>Posez une question (boîte de dialogue Message rapide)
Parfois, non seulement vous voulez que l'utilisateur réponde oui / non. Au lieu de cela, on espère une réponse plus spécifique. Dans ce cas, nous pouvons utiliser le propt.
Boîte de dialogue de messages pop-up invite, généralement utilisée pour demander des informations qui doivent interagir avec l'utilisateur. Une boîte de dialogue Message apparaît (y compris un bouton OK, un bouton Annuler et une zone d'entrée de texte).
grammaire:
Invite (STR1, STR2);
Description du paramètre:
STR1: Le texte à afficher dans la boîte de dialogue du message ne peut pas être modifié
STR2: Le contenu dans la zone de texte peut être modifié
Valeur de retour:
1. Cliquez sur le bouton OK et le contenu dans la zone de texte renvoie la valeur en fonction.
2. Cliquez sur le bouton Annuler pour revenir à NULL
fonction rec () {var score; // La variable de score est utilisée pour stocker la valeur de score saisie par l'utilisateur. score = invite ("Veuillez saisir votre score", "90"); if (score> = 90) {document.write ("vous êtes génial!"); } else if (score> = 75) {document.write ("bon!"); } else if (score> = 60) {document.write ("Come on!"); } else {document.write ("Travailler dur!"); };}; <Script> var myName = inside ("Entrez votre nom"); if (myName! = null && myname! = "") {document.write ("welcom to" + myName); } else {document.write ("welcom to" + myname); } </ script>Ouvrez une nouvelle fenêtre (Window.Open)
grammaire:
window.open ([url], [nom de fenêtre], [String de paramètre])
Description du paramètre:
URL: paramètre facultatif, URL ou chemin de la page Web à afficher dans la fenêtre. Si ce paramètre est omis ou si sa valeur est une chaîne vide, la fenêtre n'a afficher aucun document.
Nom de la fenêtre: paramètre facultatif, nom de la fenêtre ouverte.
1. Le nom se compose de lettres, de chiffres et de caractères de soulignement.
2. Nom de la fenêtre: Facultatif, cette chaîne est une liste de fonctionnalités séparée par des virgules qui déclare le nom de la fenêtre ouverte. Peut
C'est "_top", "_blank", "_self", "_parent" , etc.
_Blanque affiche la page de destination dans une nouvelle fenêtre
_self affiche la page Web de destination dans la fenêtre actuelle
_PARE PAGE DE FAMILLE PARENT Affiche la page Web de destination à la position entière de la fenêtre entière actuelle
_Top Frame Web Page affiche la page Web de destination dans la fenêtre supérieure
3. Une seule fenêtre avec le même nom peut être créée, et si vous souhaitez créer plusieurs fenêtres, le nom ne peut pas être le même.
4. Le nom ne peut pas contenir d'espaces.
String de paramètre: paramètres facultatifs, définissez les paramètres de fenêtre et séparez chaque paramètre avec des virgules.
Tableau des paramètres:
t op numéro de numéro le nombre de pixels en haut de la fenêtre, laissant le haut de l'écran
Numéro gauche Le nombre de pixels à l'extrémité gauche de la fenêtre, laissant l'extrémité gauche de l'écran
Numéro de largeur La largeur de la fenêtre
Hauteur du numéro de hauteur Hauteur
Menubar Oui, non y a-t-il un menu dans la fenêtre
barre d'outils Oui, non y a-t-il une barre d'outils dans la fenêtre
Crache de défilement oui, non y a-t-il une barre de défilement dans la fenêtre
statut Oui, non y a-t-il une barre d'état dans la fenêtre
<script type = "text / javascript"> window.open ('http: //', '_ blanc', 'width = 300, height = 200, menuBar = no, toolbar = no, status = non, scrollbars = oui') </cript>Fermez la fenêtre (fenêtre.close)
fermer () fermer () Fermer la fenêtre
usage:
1 fenêtre.close (); // Fermez cette fenêtre 2 <objet Windows> .close (); // Fermez la fenêtre spécifiée
Par exemple: fermez la fenêtre nouvellement créée.
1 <script type = "text / javascript"> 2 var mywin = window.open ('// www.vevb.com'); // Stockage L'objet de fenêtre nouvellement imprimé dans la variable mywin3 mywin.close (); 4 </cript>attribut innerhtml
L'attribut InnerHTML est utilisé pour obtenir ou remplacer le contenu d' un élément HTML .
grammaire:
Object.innerhtml
L'objet est l'élément objet obtenu, comme l'obtention de l'élément via document.getElementById ("id").
<h2 id = "con"> javascript </h2>
<script type = "text / javascript"> var mychar = document.getElementById ("con"); Document.Write ("Titre original:" + mychar.innerhtml + "<br>"); // Sortie du contenu H2 Tag d'origine mychar.innerhtml = "Hello World" Document.Write ("Titre modifié:" + MyCHAR.InnerHTML); // Sortie du contenu de balise H2 modifié </cript>Changer le style HTML
grammaire:
Object.style.property = nouveau style;
Remarque: L'objet est l'élément objet obtenu , comme l'élément obtenu via document.getElementByid ("id")
<h2 id = "con"> J'adore JavaScript </h2>
<script type = "text / javascript"> var mychar = document.getElementById ("con"); mychar.style.color = "red"; mychar.style.background = "# ccc"; mychar.style.width = "300px"; </cript>Afficher et masquer (attribut d'affichage)
grammaire:
Object.style.display = valeur
Valeur:
Aucun, cet élément ne sera pas affiché (et caché)
Bloquer cet élément sera affiché comme un élément au niveau du bloc (c'est-à-dire l'affichage)
mychar.style.display = "bloc"
Nom de la classe de contrôle (ClassName Attribut)
ClassName Property définit ou renvoie la propriété de classe de l'élément.
grammaire:
object.classname = className
effet:
1. Obtenez l'attribut de classe de l'élément
2. Attribuez un style CSS à un élément de la page Web pour modifier l'apparence de l'élément
p2.className = "Two";
Les notes d'étude de base JavaScript ci-dessus (incontournables pour les recrues) sont tout le contenu partagé par l'éditeur. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.