Maison > Article > interface Web > [Tutoriel JavaScript] Utilisation de JavaScript

[Tutoriel JavaScript] Utilisation de JavaScript

黄舟original: 2016-12-24 14:20:501008parcourir

Utilisation de JavaScript

Les scripts HTML doivent être placés entre les balises 3f1c4e4b6b16bbbd69b2ee476dc4f83a

Les scripts peuvent être placés dans les sections 6c04bd5ca3fcae76e30b72ad730ca86d et 93f0f5c25f18dab9d176bd4f6de5d30e

Balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a

Pour insérer du JavaScript dans une page HTML, utilisez la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a

3f1c4e4b6b16bbbd69b2ee476dc4f83a et 2cacc6d41bbb37262a98f745aa00fbf0 indiquent à JavaScript où commencer et se terminer. Les lignes entre

3f1c4e4b6b16bbbd69b2ee476dc4f83a et 2cacc6d41bbb37262a98f745aa00fbf0 contiennent du JavaScript :

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

Vous n'avez pas besoin de comprendre le code ci-dessus. Comprenez simplement que le navigateur interprétera et exécutera le code JavaScript entre 3f1c4e4b6b16bbbd69b2ee476dc4f83a et 2cacc6d41bbb37262a98f745aa00fbf0 Type="text/javascript" sera utilisé dans la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a Ce n'est plus nécessaire. JavaScript est le langage de script par défaut dans tous les navigateurs modernes ainsi qu'en HTML5. JavaScript dans

6c04bd5ca3fcae76e30b72ad730ca86d

Dans cet exemple, JavaScript écrit du texte dans le 6c04bd5ca3fcae76e30b72ad730ca86d du code HTML lors du chargement de la page :

Exemples

Fonctions et événements JavaScript

Les instructions JavaScript de l'exemple ci-dessus seront exécutées lors du chargement de la page.

Souvent, nous devons exécuter du code lorsqu'un événement se produit, par exemple lorsque l'utilisateur clique sur un bouton.

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

Si nous mettons le code JavaScript dans une fonction, nous pouvons appeler la fonction lorsque l'événement se produit.

Vous en apprendrez davantage sur les fonctions et événements JavaScript dans les chapitres suivants.

JavaScript dans 93f0f5c25f18dab9d176bd4f6de5d30e ou 6c04bd5ca3fcae76e30b72ad730ca86d

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

Les scripts peuvent se trouver dans les sections 6c04bd5ca3fcae76e30b72ad730ca86d ou 93f0f5c25f18dab9d176bd4f6de5d30e, ou les deux.

Une approche courante consiste à placer les fonctions dans la section 93f0f5c25f18dab9d176bd4f6de5d30e Cela permet de les placer au même endroit sans interférer avec le contenu de la page. Fonction JavaScript dans

93f0f5c25f18dab9d176bd4f6de5d30e

Dans cet exemple, nous plaçons une fonction JavaScript dans la section 93f0f5c25f18dab9d176bd4f6de5d30e

Cette fonction sera appelée lorsque le bouton sera cliqué : Fonction JavaScript dans

Instance

6c04bd5ca3fcae76e30b72ad730ca86d

Dans cet exemple, nous plaçons une fonction JavaScript dans la section 6c04bd5ca3fcae76e30b72ad730ca86d

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

<!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>

Instance

JavaScript externe

Vous pouvez également enregistrer le script sur un support externe déposer . Les fichiers externes contiennent souvent du code utilisé par plusieurs pages Web.

L'extension de fichier des fichiers JavaScript externes est .js.

<!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>

Pour utiliser un fichier externe, veuillez définir le fichier .js dans l'attribut "src" de la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a :

Exemple

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

你可以将脚本放置于 93f0f5c25f18dab9d176bd4f6de5d30e 或者 6c04bd5ca3fcae76e30b72ad730ca86d中实际运行效果与您在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签中编写脚本完全一致。

外部脚本不能包含 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签。

以上就是【JavaScript教程】JavaScript 用法的内容，更多相关内容请关注PHP中文网（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

Article précédent：Concernant la solution au problème selon lequel le modal BootStrap ne peut pas apparaître dans IOS9Article suivant：Concernant la solution au problème selon lequel le modal BootStrap ne peut pas apparaître dans IOS9

Articles Liés

Voir plus