Latest web development tutorials
×

JavaScript cours

JavaScript cours JavaScript Brève introduction JavaScript usage JavaScript exportation JavaScript grammaire JavaScript Déclarations JavaScript note JavaScript variable JavaScript Types de données JavaScript Objets JavaScript fonction JavaScript portée JavaScript événement JavaScript chaîne JavaScript opérateurs JavaScript comparer JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Type de conversion JavaScript expressions régulières JavaScript erreur JavaScript debugging JavaScript ascenseur variable JavaScript Strict mode JavaScript utilisation inappropriée JavaScript Authentification Forms JavaScript Mots clés réservés JavaScript JSON JavaScript void JavaScript Spécification code

JS fonction

JavaScript Définition de la fonction JavaScript Arguments de la fonction JavaScript appel de fonction JavaScript fermetures

JS HTML DOM

DOM Brève introduction DOM HTML DOM CSS DOM événement DOM EventListener DOM élément

JS Tutorial avancée

JavaScript Objets JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objets

JS Navigateur BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript événement Timed JavaScript Cookies

JS entrepôt

JavaScript entrepôt JavaScript test jQuery JavaScript test Prototype

JS Exemples

JavaScript Exemples JavaScript instance de l'objet JavaScript instance d'objet du navigateur JavaScript HTML DOM Exemples JavaScript résumé

JS Manuel de référence

JavaScript Objets HTML DOM Objets

JavaScript Utilisation

HTML dans le script doit être placé entre les balises <script> et </ script>.

Script peut être placé dans la page <body> HTML et section <head>.


Balise <script>

Pour insérer JavaScript dans la page HTML, utilisez la balise <script>.

<Script> et </ script> indique JavaScript où commencer et à la fin.

Ligne de code <script> et </ script> entre contient JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

Vous ne comprenez pas le code ci-dessus. comprends que le navigateur va interpréter et d'exécuter du code JavaScript est <script> et </ script> entre

lampe Des exemples de ces vieux peuvent utiliser type = "text / javascript" dans la balise <script>. Maintenant, vous n'êtes pas obligé de le faire. JavaScript est tous les navigateurs modernes et HTML5 langage de script par défaut.


<Body> en JavaScript

Dans cet exemple, JavaScript dans la page HTML est chargée lorsque le <body> écrire du texte:

Exemples

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

Essayez »


fonctions et événements JavaScript

instructions JavaScript dans l'exemple ci-dessus, exécutées lorsque la page se charge.

En général, nous avons besoin de faire exécuter du code lorsqu'un événement se produit, par exemple lorsque l'utilisateur clique sur le bouton.

Si nous mettons du code JavaScript dans la fonction, vous pouvez appeler la fonction lorsque l'événement se produit.

Vous en apprendrez plus sur la connaissance des fonctions et événements JavaScript dans les chapitres suivants.


Dans le <head> ou <body> de JavaScript

Vous pouvez placer un nombre illimité de scripts dans un document HTML.

script HTML est situé dans le <body> ou <head>, ou existe en deux sections.

La pratique habituelle est de fonctionner dans la section <head>, ou sur le bas de la page. Alors qu'ils peuvent être placés au même endroit où ne pas interférer avec le contenu de la page.


fonctions <Head> JavaScript

Dans ce cas, nous avons une fonction JavaScript placé dans les pages HTML <head>.

Cette fonction est appelée lorsque le bouton est cliqué:

Exemples

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</head>

<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick="myFunction()" >尝试一下</button>

</body>
</html>


Essayez »


fonctions <body> JavaScript

Dans ce cas, nous avons une fonction JavaScript placé dans le <body> page HTML.

Cette fonction est appelée lorsque le bouton est cliqué:

Exemples

<!DOCTYPE html>
<html>
<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick=" myFunction() ">尝试一下</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</body>
</html>


Essayez »


JavaScript externe

Vous pouvez également enregistrer le script dans un fichier externe. Les fichiers externes contiennent généralement du code pour être utilisé par plusieurs pages.

File extension est .js de fichiers JavaScript externes.

Pour utiliser un fichier externe, définir le fichier .js dans la balise <script> est attribut "src":

Exemples

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Essayez »

Vous pouvez placer le script dans le <head> ou <body> dans les résultats d'exploitation réels et vous écrire le script exactement la même balise <script>.

MyScript.js code du fichier est le suivant:

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
lampe script externe ne peut pas contenir la balise <script>.