Maison > Article > interface Web > Résumé des avantages et des inconvénients des trois méthodes d'appel de js

Résumé des avantages et des inconvénients des trois méthodes d'appel de js

php中世界最好的语言original: 2018-05-12 14:02:481985parcourir

Cette fois, je vais vous apporter un résumé des avantages et des inconvénients des trois méthodes d'appel de js. Quelles sont les précautions lors de l'utilisation des trois méthodes d'appel de js. Ce qui suit est un cas pratique, jetons un coup d'oeil.

Cet article décrit des exemples de codes de trois façons d'utiliser js (inline js, internal js, external js). Les amis intéressés peuvent s'y référer, comme suit :

1. Inline js : js n'est pas écrit séparément

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式1：行内js</title> 
</head> 
<body> 
<input type="button" value="点击有惊喜" onclick="javascript:alert(&#39;哈哈哈哈&#39;)"> 
<!--onclick:点击触发一个事件，alert：弹出一个对话框--> 
</body> 
</html>

2. Js interne : le programme en script peut être utilisé sur toute la page

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式2：内部js</title> 
 <script type="text/javascript"> 
  //声明一个函数(整个文档都可以使用) 
  function surprise() { 
   alert('恭喜你中了一百万')/*弹出框*/ 
  } 
 </script> 
</head> 
<body> 
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数--> 
<input type="button" value="点击" onclick="surprise()"> 
</body> 
</html>

3. Js externe : de nombreuses pages html peuvent appeler la page set js

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式3：外部js</title> 
 <!--很多html页面都可以调用js4.js页面--> 
 <script src="../../js/js4.js" type="text/javascript" charset="utf-8"> 
 </script> 
</head> 
<body> 
<input type="button" value="点击" onclick="test()"> 
</body> 
</html>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. veuillez faire attention à php Autres articles connexes sur le site chinois !

Lecture recommandée :

Comment afficher les informations personnelles et changer le mot de passe dans vue

Explication détaillée de la mise en œuvre de la mutation du tableau Vue

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!

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：Explication détaillée de la méthode de chargement de jquery.js dans JSArticle suivant：Explication détaillée de la méthode de chargement de jquery.js dans JS

Articles Liés

Voir plus