Maison  >  Article  >  interface Web  >  [Tutoriel JavaScript] Introduction à JavaScript

[Tutoriel JavaScript] Introduction à JavaScript

黄舟
黄舟original
2016-12-24 14:23:54979parcourir

Introduction à JavaScript

JavaScript est le langage de script le plus populaire sur Internet. Ce langage peut être utilisé pour le HTML et le Web, et peut être largement utilisé sur les serveurs, PC, ordinateurs portables, tablettes, smartphones et autres. appareils.

JavaScript est un langage de script

JavaScript est un langage de programmation léger.

JavaScript est du code de programmation qui peut être inséré dans des pages HTML.

JavaScript, lorsqu'il est inséré dans une page HTML, peut être exécuté par tous les navigateurs modernes.

JavaScript est facile à apprendre.

Ce que vous apprendrez

Voici les principales choses que vous apprendrez dans ce tutoriel.

JavaScript : écrivez directement dans le flux de sortie HTML

Exemple

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");

Vous ne pouvez utiliser document.write que dans la sortie HTML. Si vous utilisez cette méthode après le chargement du document, l'intégralité du document sera écrasée.

JavaScript : Réaction aux événements

Exemple

<button type="button" onclick="alert(&#39;欢迎!&#39;)">点我!</button>

La fonction alert() n'est pas couramment utilisée en JavaScript, mais elle est très pratique pour tester le code. L'événement


onclick n'est que l'un des nombreux événements que vous allez découvrir dans ce didacticiel.

JavaScript : Modifier le contenu HTML

L'utilisation de JavaScript pour traiter le contenu HTML est une fonctionnalité très puissante.

Instance

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

Vous verrez souvent document.getElementById("some id"). Cette méthode est définie dans le DOM HTML.

DOM (Document Object Model) est le standard officiel du W3C pour accéder aux éléments HTML.

Vous découvrirez le HTML DOM dans plusieurs chapitres de ce tutoriel.

JavaScript : Modifier l'image HTML

Cet exemple modifiera dynamiquement la source (src) du HTML dc0870658837139040642baa5555a380 :

Allumez l'ampoule

JavaScript peut modifier la plupart des propriétés de n'importe quel élément HTML, pas seulement les images.

JavaScript : Changer le style HTML

Changer le style des éléments HTML, qui est une variante de la modification des attributs HTML.

Exemple

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

JavaScript : validation de la saisie

JavaScript est souvent utilisé pour valider la saisie de l'utilisateur.

Exemples

if isNaN(x) {alert("不是数字")};

Le saviez-vous ?

JavaScript et Java sont deux langages complètement différents, tant dans leur concept que dans leur conception.
Java (inventé par Sun) est un langage de programmation plus complexe.

ECMA-262 est le nom officiel de la norme JavaScript.

JavaScript a été inventé par Brendan Eich. Il est apparu dans Netscape en 1995 (le navigateur n'est plus mis à jour) et a été adopté par l'ECMA (une association de normalisation) en 1997.

Ce qui précède est le contenu du [Tutoriel JavaScript] Introduction à JavaScript Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn