Il existe plusieurs façons d'utiliser le code javascript

Il existe deux manières d'utiliser le code JavaScript, à savoir : 1. Exécution directe Lorsqu'une page Web est ouverte, tous les codes JavaScript définis dans les balises de script ou les fichiers js liés seront exécutés. un certain événement se produit, exécutez un certain morceau de code JavaScript.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

[Méthode d'exécution JavaScript]

Le code JavaScript défini dans le document HTML a deux méthodes d'exécution : 直接执行、事件驱动。

直接执行：

Quand Quand nous ouvrons une page Web, tout le code JavaScript défini dans la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a ou le fichier js lié sera exécuté.

Il convient de noter que les fonctions définies avec function ne sont pas exécutées. La fonction ne sera exécutée que lorsqu'elle rencontrera un appel de fonction.

Exemple 1 :

<script type="text/javascript">
var d = new Date();
var m = d.getMonth();
if( m>=5 )
document.write( m );
</script>

Le code JavaScript ci-dessus est placé nu dans la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a, et sera exécuté immédiatement à l'ouverture de la page Web.

Exemple 2 :

<script type="text/javascript">
function getM()
{
var d = new Date();
var m = d.getMonth();
if( m>=5 )
document.write( m );
}
</script>
以上JavaScript代码定义的是函数，当网页打开时，函数中的代码不会被执行。当需要执行该函数时，需要使用函数调用。
<script type="text/javascript">
getM();
</script>

事件驱动：

Lorsqu'un certain événement se produit, tel que l'ouverture d'une page Web, la souris est cliquée, la souris est double-cliquée , etc., un certain morceau de code JavaScript est exécuté.

Par exemple :

<script type="text/javascript">
var count = 0;
function setCount()
{
count++;
if( count>=5 )
count = 0;
}
</script>
<button onclick="setCount()">计数</button>

Dans cet exemple, la balise bb9345e55eb71822850ff156dfde57c8 définit un bouton, et l'attribut onclick est utilisé pour répondre à un événement de clic de souris lorsque le bouton est cliqué avec l'attribut mouse. , exécutez la fonction setCount().

Les attributs qui répondent à un événement dans une balise sont appelés gestionnaires d'événements et leurs valeurs sont des codes JavaScript.

Gestionnaires d'événements courants :

onload :

Déclenché à l'ouverture de la page Web. Il n'est valable que dans les balises 6c04bd5ca3fcae76e30b72ad730ca86d et f900b4fc197b16ab214eecf015bb6bd2

Cet événement est généralement utilisé pour effectuer certaines opérations d'initialisation.

onunload :

Déclenché lorsque la page Web est fermée. Il n'est valable que dans les balises 6c04bd5ca3fcae76e30b72ad730ca86d et f900b4fc197b16ab214eecf015bb6bd2

Cet événement est généralement utilisé pour réaliser certains travaux de finition.

onclick :

Déclenché lorsque la souris clique. Il peut être utilisé pour des objets tels que des contrôles, des images, du texte, des hyperliens, etc.

Cet événement est utilisé pour répondre aux opérations de clic de souris et est le gestionnaire d'événements le plus couramment utilisé.

ondblclick :

Déclenché lorsque la souris est double-cliquée. Il peut être utilisé pour des objets tels que des contrôles, des images, du texte, des hyperliens, etc.

Cet événement est utilisé pour répondre à une opération de double-clic de la souris.

onchange :

Déclenché lorsque le contenu change. Il peut être utilisé pour des objets tels que des zones de texte, des zones de liste, etc.

Cet événement est généralement utilisé pour répondre à la modification par l'utilisateur du contenu de la zone de texte.

Remarque : lorsque l'utilisateur saisit du texte dans une zone de texte, l'événement onchange ne sera pas déclenché. Cet événement ne sera déclenché que lorsque l'utilisateur clique sur une zone en dehors de la zone de texte après avoir terminé la saisie, provoquant le texte. boîte pour perdre le focus.

onselect :

Déclenché lorsque le contenu est sélectionné. Il peut être utilisé pour des objets tels que des zones de texte, des zones de liste, etc.

Cet événement est généralement utilisé pour répondre à des opérations telles que la sélection par l'utilisateur du contenu dans la zone de texte et la modification de l'élément sélectionné dans la zone de liste.

Ceux-ci ne sont que quelques-uns des gestionnaires d'événements les plus couramment utilisés.

Remarque : le gestionnaire d'événements n'est pas un code JavaScript, mais un attribut HTML, il n'est donc pas sensible à la casse, mais vous devez prendre l'habitude d'écrire en lettres minuscules.

Informations détaillées :

[Méthode de définition JavaScript] :

Il existe deux façons d'ajouter du code JavaScript aux documents HTML : le mode intégré et le mode lié. .

Intégré :

Intégrer le code JavaScript dans le document HTML. Méthode :

<script type="text/javascript">
JS代码
</script>

Le code JavaScript doit être défini entre 3f1c4e4b6b16bbbd69b2ee476dc4f83a et 2cacc6d41bbb37262a98f745aa00fbf0. La balise

3f1c4e4b6b16bbbd69b2ee476dc4f83a peut être placée dans la zone de la tête ou dans la zone du corps.

Dans un document HTML, le code JavaScript peut apparaître à plusieurs endroits, et chaque endroit doit être entouré de balises 3f1c4e4b6b16bbbd69b2ee476dc4f83a

Lien :

Placez le code JavaScript dans un fichier texte. L'extension du fichier doit être définie comme .js. Ajoutez les balises suivantes au document HTML :

<script type="text/javascript" src="js文件"></script>

L'attribut src est utilisé pour spécifier l'adresse du fichier js lié. Il peut s'agir d'un fichier local ou d'une URL.

Grâce aux liens, le code JavaScript défini peut être partagé par plusieurs pages Web.

[Apprentissage recommandé :

Tutoriel JavaScript avancé]

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!