Partage d'utilisation JavaScript

Un aperçu

1. Qu'est-ce que

Basé sur les objets et les événements ? langage de script interprété piloté.

2. Les fonctionnalités de syntaxe JavaScript

• sont sensibles à la casse, ce qui est différent du HTML.

• Le point-virgule à la fin est facultatif.

• Les variables sont faiblement typées : les variables sont uniformément var lorsqu'elles sont définies, et le type est déterminé lorsqu'elles sont attribuées.

3. Fil de discussion de l'interface utilisateur

Il y a un fil de discussion dans le navigateur pour l'affichage des pages, appelé fil de discussion de l'interface utilisateur, après en soumettant au serveur, le fil de discussion de l'interface utilisateur efface la page et attend les commentaires du serveur de chargement Si le temps d'attente est trop long, la page sera vide.

4.this

est principalement utilisé dans les méthodes pour représenter l'objet actuel, c'est-à-dire l'appelant direct de la méthode.

Deux types de données

1. Types de données JavaScript

Chaîne, Nombre, Math, Tableau, booléen, Date, Objet, RegExp, null.

2. Définition des variables

• Variables globales : Les variables déclarées en dehors de la fonction sont des variables globales et sont utilisées tout au long de la page La plage est valide. Attribuez une valeur à une variable non déclarée, qui est convertie en variable globale.

• Variables locales : Les variables déclarées à l'intérieur d'une fonction sont des variables locales et ne sont valables qu'à l'intérieur de la fonction.

• this : Si cette référence est utilisée lors de la déclaration d'une variable à l'intérieur d'une fonction, la variable peut être référencée via un objet en dehors de la fonction.

3.String

Méthodes courantes :

• longueur : obtenez la longueur de la chaîne.

• == : Utilisez "==" pour comparer si deux chaînes sont égales en JS.

• indexOf(subStr) : La valeur d'index de la première occurrence du caractère spécifié.

• lastIndexOf(subStr) : La valeur d'index de la dernière occurrence du caractère spécifié.

• substr(begin[len]) : récupère les caractères de la longueur spécifiée à partir de la position spécifiée.

• substring(begin[end]) : récupère les caractères dans l'intervalle d'index spécifié.

• replace(regExp,substr) : remplacez les caractères qui satisfont au format par les caractères spécifiés.

• concat(str01...) : Concatène plusieurs chaînes et renvoie une nouvelle chaîne.

• split(delim[limit]) : diviser les caractères en utilisant le délimiteur spécifié et renvoyer le résultat de la division sous la forme d'un tableau. La limite est le nombre de divisions. , facultatif.

4.Nombre

• toFixed(n) : conserver n décimales.

5.Math

• random() : renvoie aléatoirement un nombre 0-1 .

• rond(x) : Rond.

• max(x...) : Obtenez la valeur maximale.

• min(x...) : Obtenez la valeur minimale.

6.Date

• getTime() : Obtenir à partir du 01/01/1970 Le nombre de millisecondes écoulées depuis.

• getFullYear() : Obtenez l'année à quatre chiffres à ce moment-là.

• getMonth() : Obtenez le mois à cette heure.

• getDate() : Obtenez le jour du mois.

• getDay() : Obtenez le jour de la semaine, plage 0-6.

• getHours() : Obtenez le nombre d'heures à cette heure.

• getMinutes() : Obtenez le nombre de minutes à ce moment.

• getSeconds() : Obtenez le nombre de secondes à ce moment.

7.RegExp

Créé par :

var reg=/xxxx/;
var ret=new RegExp("");

常用方法：
  test(str)：判断字符串是否满足指定的格式。

8.Array

⑴数据类型

   不同与java语言，JS中的数组在创建时不需要指定长度与数据类型，可以存储多种类型数据。

⑵创建（3种方式）

var arr01=[数组中的值];//创建时赋值
var arr01=new Array(数组中的值);//创建时赋值
//先声明，后赋值
var arr01=new Array();
arr01[0]=1;
arr01[1]=2;
var arr01=new Array(6);//创建时指定数组长度

⑶常用操作

• arr[0]：获取指定索引位置的元素，也可以为指定索引位置赋值。

• arr.length：获取数组长度。

• push(data)：向数组尾部添加元素并返回操作完成后的数组长度。

• unshift(data)：向数组头部添加一个元素并返回数组长度。

• pop()：删除数组的最后一个元素并返回删除的元素。

• shift()：删除并返回数组的第一个元素。

• for(index in arr)：遍历数组，arr[index]获取数组中的元素。

• sort(function(a,b){return a-b;})：如果数组中存储的是字符，不需要指定函数，按照字母升序排序；如果数组中存储的是数字，需要设定排序函数，a-b升序排列，b-a降序排列。

• reverse()：反转排序。

• join(connector)：使用指定的连接符将数组连接成字符串，未指定连接符时默认采用","作为连接符。

• toString()：等效于join()，将数组转化为一个由","连接的字符串。

• slice(begin,end)：获取指定索引范围的元素，包含begin,不包含end。

• splice(begin,howmany,newValue...)：从指定索引位置（包含该位置）开始删除howwmany个元素，插入新的元素。

• concat(anotherArr...)：将参数数组的元素依次追加到该数组中并返回一个新的数组，原数组不变。

9.Object

⑴用于自定义对象，对象的创建方式：

//第一种方式,对象的声明与实例化一体
var obj={name:"张三",age:20,myFunction:function(){}};
//第二种方式,将函数当做构造方法
function person(name,age){
this.name=name;
this.age=age;
this.myfunction=function(){
alert(this.name);
     }
}
var tom=new function("tom",20);
//第三种方式
person=function(){
this.name=name;
this.age=age;
this.myfunction:function(){
      }
}
var tom=new function("tom",20);

⑵fn01 : La signification de fn02

Attribuez fn02 à fn01, fn01 a exactement le même contenu que fn02.

Trois attributs

L'utilisateur décrit les caractéristiques de l'objet et instancie l'objet.
Attributs communs :

• href="#" : passer au début de la page.

• le titre s'affiche directement sous forme de texte de l'élément. Lorsque l'élément ne peut pas afficher de texte directement, il s'affiche sous forme de message d'invite lorsque la souris reste au-dessus de lui. .

Quatre fenêtres

L'objet fenêtre du navigateur est un objet global et l'objet de niveau supérieur de tous les objets. Les propriétés ou fonctions de référence peuvent être omises.

1. Document d'attributs communs

•  : un objet représentant tous les éléments HTML de la fenêtre.

• fermé : type booléen, utilisé pour déterminer si la fenêtre actuelle a été fermée.

• Emplacement : obtenez l'URL de la page actuelle ; accédez à la ressource spécifiée, qui peut être HTML, Servlet ou d'autres ressources du serveur. Quand Ouvrir dans la page précédente. location=url a la même fonction que location.href=url.

• Historique : Un objet représentant l'historique de navigation de la fenêtre actuelle. Dans le but de créer un enregistrement de navigation, vous pouvez passer aux pages précédentes et suivantes, history.go(-1) passe à la page précédente et history.go(1) passe à la page suivante .

• parent : Indique la fenêtre parent qui contient la fenêtre actuelle.

• ouvreur : signifie ouvrir la fenêtre parent de la fenêtre actuelle, couramment utilisé dans la communication par fenêtre parent-enfant.

2. Méthodes courantes :

• alerte (contenu) : afficher un avertissement boîte de dialogue.

• confirm(content) : affiche une boîte de dialogue de confirmation et renvoie le résultat de la confirmation, vrai ou faux.

• invite : boîte de dialogue d'invite, utilisée pour la saisie de l'utilisateur et le renvoi des résultats de saisie.

• setTimeout() : exécution planifiée.

• setInterval() : exécuté périodiquement.

• open() : Charge l'URL spécifiée dans une nouvelle fenêtre.

• close() : Ferme la fenêtre actuelle.

• parseInt() : Convertit les caractères en nombres entiers.

• eval : Analyser les chaînes ordinaires dans le code JS.

• typeof : renvoie le type de données.

• isNaN : Déterminez si les données sont un nombre.

Five DOM

Le modèle objet de document est une technologie permettant d'exploiter des documents, en traitant le document comme un arbre. de disposition hiérarchique des résultats, le document est un objet représentant le document.

1. Élément

Noeud d'étiquette dans le document.
Nœuds enfants : nœuds d'élément, nœuds de texte, nœuds de commentaire, à l'exclusion des nœuds d'attribut.

2. Créer un objet

document.createElement(tagName) : Créez un élément basé sur le nom de la balise comme. un paramètre n'a pas <>.

3. Obtenez l'objet

• document.all.id : obtenez l'objet en fonction de l'identifiant.

• formId.tagId : obtenez les éléments sous le formulaire via id, ou vous pouvez obtenir les éléments sous le formulaire via "formName.tagName".

• document.getElementById(id) : récupère l'objet en fonction de son identifiant.

• document.getElementsByName(name) : Obtenez un objet basé sur le nom Comme il peut y avoir plusieurs objets portant le même nom, les objets obtenus sont au pluriel.

•   document.getElementsByTagName(tagName)：通过标签名称获取对象。

4.属性

•  document.location：同document.location.href作用相同，用于访问指定资源，该资源可以是HTML，也可以是Servlet以及其他服务器资源，不能获取当前页面的URL。

5.常用方法

•  document.write(content)：向页面输出。

六 函数

 在JS中调用函数不必像在java中那样必须为每一个形参赋值，只需为需要的形参赋值即可，其他形参位可以空着。每一个函数都有其对应的作用范围，不同作用范围的函数定义在不同的节点上。

  1.常用函数

   javascript:void(0)：保留超链接样式，只执行js代码，不进行页面跳转。

  2.动态添加函数

动态地向元素添加函数有两种方式：

⑴使用JS：

使用JS获取对象以后，通过对象调用函数不包含括号），将自定义的函数function赋给该函数

obj.action=function(){};

⑵使用JQuery：

$(selector).action(function(){});

两种方式不能混用，即不能这样使用：$(selector).action=function(){}。

3.插入

java输出代码块与EL表达式都可以插入JavaScript代码中，插入时将其视作字符串处理，包裹在单引号或者双引号中，如:

alert("<%=name%>");
alert("${name}");

Sept événements

Le comportement provoqué par l'action est appelé un événement. Plusieurs fonctions peuvent être ajoutées à un événement, et les multiples fonctions sont exécutées en séquence dans le. ordre dans lequel ils sont ajoutés. Différents éléments correspondent à différents événements .

1. Événements courants :

• onclick : Déclenchés lorsque la souris clique.

• onchange : Déclenché lorsque les options de la liste déroulante changent.

• onblur : déclenché lorsque la mise au point est perdue.

• onfocus : Déclenché lorsque la mise au point est obtenue.

• onmouseover : Déclenché lorsque la souris se déplace sur l'élément.

• onmousemove : Déclenché lorsque la souris se déplace sur l'élément.

• onmouseout : Déclenché lorsque la souris quitte l'élément.

• onselect : Déclenché lorsque le champ de texte est sélectionné.

Huit soumissions de formulaires

1. Soumission de boutons

Unique Cliquez sur le bouton Soumettre pour soumettre le formulaire.

2. Soumission du code

Exécutez le code document.forms["formName"].submit() et soumettez le formulaire via le code .

Neuf communication par fenêtre parent-enfant

La communication par fenêtre parent-enfant fait référence à une fenêtre transmettant des informations à la fenêtre qui ouvre la fenêtre, qui est, de la fenêtre enfant au parent La fenêtre transmet des informations, et les informations transmises de la fenêtre parent à la fenêtre enfant peuvent être complétées via QueryString.

La clé pour que la fenêtre enfant transmette des informations à la fenêtre parent est d'obtenir l'objet fenêtre parent dans la fenêtre enfant, d'obtenir l'objet fenêtre parent via window.opener, puis de l'utiliser comme dans le parent La même opération se produit dans la fenêtre.

Dix tables

1.Opérations communes sur les objets de table

• table.rows : objet tableau contenant toutes les lignes du tableau, table.rows.length obtient la longueur, c'est-à-dire le nombre de lignes.

• insertRow(index) : Insère une ligne à la position spécifiée. Si la position n'est pas spécifiée, insérez à la fin.

• deleteRow(index) : Supprimez la ligne à la position spécifiée. Si la position n'est pas spécifiée, supprimez la dernière ligne.

2.tr Object Common Operations

• rowIndex : Obtenez la position de l'index, qui c'est-à-dire le numéro de ligne.

• insertCell(index) : Insère une colonne à la position spécifiée Si non spécifié, insérez à la fin.

• deleteCell(index) : Supprimez la colonne à la position spécifiée. Si la position n'est pas spécifiée, supprimez la dernière colonne.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!