Script HTML


JavaScript rend les pages HTML plus dynamiques et interactives.

Exemple en ligne

Insérer un script
Comment insérer un script dans un document HTML.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
document.write("Hello World!")
</script> 

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Utilisez la balise <noscript>
Comment gérer les navigateurs qui ne prennent pas en charge les scripts ou dont les scripts sont désactivés.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。</p>
 
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

La balise HTML <script>

<script> est utilisée pour définir des scripts côté client, tels que JavaScript. L'élément

<script> peut soit contenir des instructions de script, soit pointer vers un fichier de script externe via l'attribut src.

JavaScript est le plus couramment utilisé pour la manipulation d'images, la validation de formulaires et la mise à jour dynamique du contenu.

Le script suivant affichera "Hello World!" sur le navigateur :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。</p>
 
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne

lamp.jpgConseil : Pour en savoir plus sur les didacticiels Javascript, veuillez consulter les didacticiels JavaScript !

La balise HTML<noscript>

<noscript> fournit un contenu alternatif lorsque les scripts ne peuvent pas être utilisés, par exemple lorsque le navigateur désactive les scripts ou lorsque le navigateur le fait. ne prend pas en charge les scripts côté client. L'élément

<noscript> peut contenir tous les éléments trouvés dans l'élément body d'une page HTML normale.

Uniquement lorsque le navigateur ne prend pas en charge les scripts ou que les scripts sont désactivés, le contenu de l'élément <noscript> sera affiché :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。</p>
 
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

Expérience JavaScript (à partir du tutoriel javascript de ce site)

Exemple de code JavaScript

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
	
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
	
</body>
</html>

Exécuter un exemple»

Cliquez sur "Exécuter l'instance" bouton pour afficher l'exemple en ligne


Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h1>我的第一个 JavaScript </h1>

<p id="demo">
JavaScript 可以触发事件，就像按钮点击。</p>

<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher des exemples en ligne

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
	
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
	x=document.getElementById("demo") // 找到元素
	x.style.color="#ff0000";          // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
	
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne


Balise de script HTML

balise Description
<script>
标签描述
<script>定义了客户端脚本
<noscript>定义了不支持脚本浏览器输出的文本
Définit le script client
<noscript> Définit le texte qui ne prend pas en charge la sortie du navigateur de script
<🎜>
←
→