[apprentissage javascript] bases de la syntaxe js-js tutoriel-php.cn

Cet article organise systématiquement la grammaire de JavaScript. Les points de connaissances sont très complets et relativement basiques. Il peut servir de référence lors de l'étude. La révision est également très systématique. dans les livres sont très dispersés. Après les avoir lus, c'est une perte de temps. Si cela ne vous dérange pas, vous pouvez le conserver pour référence future. Être utile à tout le monde est ma motivation pour continuer à écrire des articles. connaissance avec tout le monde.

1-1 Le point de départ pour apprendre JavaScript est de traiter des pages Web. Apprenons d'abord à utiliser DOM pour des opérations simples.

我是第一段文字

我是第二段文字

document.write("hello"); # 输出文本 document.getElementById("p1").style.color="blue"; # 第一段文字变蓝色了 Copier après la connexion 1-2 Référence interne

1-3 Référence externe &lt ;/ script>

1-4 est généralement placé dans la partie tête ou corps de la page Web :

est placé dans la partie

La manière la plus courante est dans la page Placez l'élément dans la section head, et le navigateur exécutera ce code lors de l'analyse de la section head, puis analysera le reste de la page.

est placé dans la section

Le code JavaScript sera exécuté lorsque la page Web lit cette instruction. Si la fonction est exécutée via un appel d'événement, il n'y a aucune exigence concernant l'emplacement.

1 à 5 instructions JavaScript sont des commandes envoyées au navigateur.

1-6 Commentaires // ou /* */

1-7 les noms de variables var sont sensibles à la casse

1-8 instruction if

if(条件) 注意：没有分号哦。 { 条件成立时执行的代码 } else { 条件不成立时执行的代码 } Copier après la connexion 1-9 Fonction

function add2(){ var sum = 3 + 2; alert(sum); } Copier après la connexion appel : add2()

1-10 Méthode String +

2-2 alerte

Aucune autre opération ne peut être effectuée avant de cliquer sur le bouton "OK" dans la boîte de dialogue.

Les boîtes de dialogue de messages peuvent souvent être utilisées pour déboguer des programmes.

contenu de sortie d'alerte, qui peut être une chaîne ou une variable, similaire à document.write.

2-3 confirmer

la boîte de dialogue de message de confirmation est généralement utilisée pour les actions qui permettent à l'utilisateur de faire des choix , comme : "Avez-vous raison ?", etc. Affiche une boîte de dialogue (comprenant un bouton OK et un bouton Annuler).

var mymessage=confirm("你喜欢JavaScript吗?"); Copier après la connexion 2-4 messages

Une boîte de dialogue de message contextuelle apparaît, généralement utilisée pour demander certaines informations qui doivent être interagies avec l'utilisateur . Affiche une boîte de dialogue de message (comprenant un bouton OK, un bouton Annuler et une zone de saisie de texte).

prompt(str1, str2); Copier après la connexion Paramètres :

str1 : Le texte à afficher dans la boîte de dialogue du message, ne peut pas être modifié

str2 : Le contenu de la zone de texte peut être modifié

Cliquez sur le bouton OK dans la boîte de dialogue, et le contenu de la zone de texte sera utilisé comme valeur de retour de la fonction cliquez sur ; le bouton Annuler dans la boîte de dialogue, et null sera renvoyé

2-5 Ouvrir une nouvelle fenêtre

window.open([URL], [窗口名称], [参数字符串]) Copier après la connexion Paramètres :

URL : Paramètre facultatif, l'URL ou le 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, aucun document ne sera affiché dans la fenêtre.

Nom de la fenêtre : Paramètre facultatif, le nom de la fenêtre ouverte.

Le nom est composé de lettres, de chiffres et de caractères de soulignement.

"_top", "_blank", "_self" sont des noms avec des significations particulières.

_blank : Afficher la page cible dans une nouvelle fenêtre

_self : Afficher la page Web cible dans la fenêtre actuelle

_top : Afficher la page Web cible dans la fenêtre supérieure de la page Web du cadre

Une seule fenêtre portant le même nom peut être créée. Si vous souhaitez créer plusieurs fenêtres, les noms ne peuvent pas être les mêmes. Le nom

ne peut pas contenir d'espaces.

Chaîne de paramètres : paramètre facultatif, définir les paramètres de la fenêtre, chaque paramètre est séparé par des virgules.

window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') Copier après la connexion 2-6 Fermer la fenêtre

window.close(); //关闭本窗口 或 window.close(); //关闭本窗口 Copier après la connexion Fermer la fenêtre nouvellement créée

var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中 mywin.close(); Copier après la connexion Remarque : le code ci-dessus ferme la fenêtre lors de l'ouverture d'une nouvelle fenêtre et la fenêtre ouverte n'est pas visible.

2-7 légèrement

3-1

认识DOM文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

HTML文档可以说由节点构成的集合，三种常见的DOM节点:

元素节点：上图中 、 、 等都是元素节点，即标签。

文本节点:向用户展示的内容，如 ... 中的JavaScript、DOM、CSS等文本。

属性节点:元素属性，如 标签的链接属性href="http://www.imooc.com"

3-2 通过ID获取元素

document.getElementById(“id”) Copier après la connexion 该示例打印并非理想结果，是因为从浏览器读取html文件来说，是从上到下读取的：如果将JavaScript放在head中，HTML文件读取时会先读取并执行JavaScript的内容，然后才会执行body标签内的内容；如果放在body标签内，HTML文件读取时，会先读取在JavaScript前面的内容，再读取JavaScript的内容；

从上面这个原理与课程结合进行分析：

结果为null是因为，JavaScript没有找到id名为“con”的标签，所以返回null。

结果为 [object HTMLParagraphElement] ，则说明JavaScript找到了id名为“con”的标签，以对象的形式返回该标签

但是我们发现在HTML中明明存在id=“con”的标签，这又是怎么回事？这是因为，前面说的浏览器读取HTML文件，是从上到下读取的：

如果将JavaScript放在id=“con”的标签之前，这就导致了浏览器在读取HTML文件时，JavaScript先读取，读取完JavaScript后，才开始读取到id=“con”的标签，这就是说JavaScript读取时是没有读取到id=‘con’的标签，只能返回null，表示没有读取到该标签

如果将JavaScript放在id=“con”的标签之后，在浏览器读取HTML文件时，先读取到了id="con"的标签，才读取JavaScript，这时由于id="con"的标签名存在，JavaScript可以发现，所以以对对象的形式（[object HTMLParagraphElement]）返回该标签

要返回正确的结果应该在前后加双引号或者在mychar变量后加上.innerHTML

3-3 innerHTML属性

获取元素内容

var mychar= document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+" "); //输出原h2标签内容 mychar.innerHTML = 'Hello world!' document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 Copier après la connexion 3-4 改变 HTML样式

Object.style.property=new style; //Object是获取的元素对象 Copier après la connexion

3-5 显示和隐藏

Object.style.display = value Copier après la connexion

3-6 控制class属性 元素

object.className = classname 注意中间有个大写的N Copier après la connexion 进阶内容 2-2

变量取名 规则：

必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。如下:

变量名区分大小写，如:A与a是两个不同变量。

不允许使用JavaScript关键字和保留字做变量名。

2-9 “&&”表示and 操作符

2-10 "||" 或

2-11 "!" 否

2-12 操作符之间的 优先级 （高到低）:

算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

如果同级的运算是按从左到右次序进行,多层括号由里向外。

3-1 数组

3-2

var myarray= new Array(8); //创建数组，存储8个数据。 Copier après la connexion 注意：

1.创建的新数组是空数组， 没有值，如输出，则显示undefined 。

2.虽然创建数组时，指定了长度，但实际上 数组都是变长的 ，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。

3-3 添加元素

只需 使用下一个未用的索引 ，任何时刻可以不断向数组增加新元素。

myarray[5]=88; //使用一个新索引，为数组增加一个新元素 Copier après la connexion 3-6 length属性

myarray.length; //获得数组myarray的长度 Copier après la connexion 相关推荐：

JavaScript学习笔记之基础语法

整理Javascript基础语法学习笔记

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

[apprentissage javascript] bases de la syntaxe js