Maison > interface Web > tutoriel HTML > Explication détaillée de la balise

Tant que vous mentionnez la mise en place de JavaScript dans une page Web, vous devez impliquer le langage de base du Web - HTML. Lorsque JavaScript a été initialement développé, un problème important que Netscape a dû résoudre était de savoir comment faire coexister JavaScript avec des pages HTML sans affecter le rendu de ces pages dans d'autres navigateurs. Après essais, erreurs et débats, la décision finale a été d'ajouter un support de script unifié au Web. De nombreuses pratiques des débuts du Web ont été conservées et ont été officiellement incorporées dans la spécification HTML.

Élément <script> </h3> <p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> La principale façon d'insérer du JavaScript dans une page HTML est d'utiliser l'élément <script> Cet élément a été créé par Netscape et a été implémenté pour la première fois dans Netscape Navigator2. Plus tard, cet élément a été ajouté à la spécification HTML officielle. HTML4.01 définit les 6 <a href="http://www.php.cn/wiki/169.html" target="_blank"> attributs </a> suivants pour <scripth>. <br></p> <ul class=" list-paddingleft-2" style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> <li><p style="margin-top:0px; margin-bottom:10px">async : facultatif. Indique que le script doit être téléchargé immédiatement, mais ne doit pas empêcher d'autres opérations sur la page, telles que le téléchargement d'autres ressources ou l'attente du chargement d'autres scripts. Valable uniquement pour les scripts externes. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">jeu de caractères : facultatif. Le jeu de caractères <a href="http://www.php.cn/code/225.html" target="_blank"> </a> représentant le code spécifié via l'attribut src. Cet attribut est rarement utilisé car la plupart des navigateurs ignorent sa valeur. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">différer : Facultatif. Indique que l'exécution du script peut être retardée jusqu'à ce que le document soit entièrement analysé et affiché. Valable uniquement pour les scripts externes. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">langue : obsolète. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">src : Facultatif. Représente un fichier externe contenant du code à exécuter. </p></li> <li><p style="margin-top:0px; margin-bottom:10px">type : facultatif. Peut être considéré comme un attribut alternatif au langage ; indiquant le type de contenu (également appelé type MIME) du langage de script utilisé pour écrire le code. </p></li> </ul> <p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"><br></p> <p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> Il existe deux manières d'utiliser l'élément <script> : intégrer du code JavaScript directement dans la page et inclure des fichiers JavaScript externes. </p> <p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> Lorsque vous utilisez l'élément <script> pour intégrer du code JavaScript, il vous suffit de spécifier l'attribut type pour <script>. Ensuite, placez simplement le code JavaScript directement à l'intérieur de l'élément comme suit : <br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,&#39;Courier New&#39;,monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; border:1px solid rgb(204,204,204); background-color:rgb(245,245,245)">&lt;script type=&quot;text/javascript&quot;&gt; function sayHi(){ alert(&quot;Hi!&quot;); } &lt;/script&gt;</pre><div class="contentsignin">Copier après la connexion</div></div><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,&#39;Microsoft Yahei&#39;; font-size:15.4px; line-height:27.72px"> Le code JavaScript contenu à l'intérieur de l'élément <script> sera interprété de haut en bas. En prenant l'exemple précédent comme exemple, l'interprète interprétera la définition d'une <a href="http://www.php.cn/wiki/145.html" target="_blank"> fonction </a> puis enregistrera la définition dans son propre environnement. Une fois que l'interpréteur a évalué tout le code contenu dans l'élément <script>, le reste de la page ne sera ni chargé ni affiché par le navigateur. </p><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,&#39;Microsoft Yahei&#39;; font-size:15.4px; line-height:27.72px"> L'attribut src est requis si vous souhaitez inclure des fichiers JavaScript externes via l'élément <script> La valeur de cet attribut est un lien vers un fichier javascript externe, par exemple : <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,&#39;Courier New&#39;,monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; border:1px solid rgb(204,204,204); background-color:rgb(245,245,245)">&lt;script type=&quot;text/javascript&quot; src=&quot;example.js&quot;&gt;&lt;/script&gt;</pre><div class="contentsignin">Copier après la connexion</div></div><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,&#39;Microsoft Yahei&#39;; font-size:15.4px; line-height:27.72px">在这个例子中,外部文件example.js将被加载到当前页面中。外部文件只须包含通常要放在开始的<script>和结束的</script>中间的那些javascript代码即可。与解析嵌入式javascript代码一样,在解析外部javascript文件(包括下载该文件)时,页面的处理也会暂时停止。如果是在XHTML文档中,也可以省略前面示例代码中结束的标签,例如:

<script type="text/javascript" src="example.js" />
Copier après la connexion

按照惯例,外部javascript文件带有.js扩展名。但这个扩展名不是必需的,因为浏览器不会检查包含javascript的文件的扩展名。这样一来,使用JSP、PHP或其他服务器端语言动态生成javascript代码也就成为了可能。但是,服务器通常还是需要看扩展名决定为响应应用哪种MIME类型。如果不适用.js扩展名,请确保服务器能反应会正确的MIME类型。


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!

Étiquettes associées:
source:php.cn
Article précédent:Balise de commentaire HTML Balise et ses sous-éléments , Article suivant:Explication détaillée de l'utilisation des balises
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal