Explication détaillée de trois méthodes d'utilisation de js-js tutoriel-php.cn

Explication détaillée de trois méthodes d'utilisation de js

php中世界最好的语言

Libérer： 2018-05-07 17:02:35

original

1402 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée des trois façons d'utiliser js. Quelles sont les précautions pour les trois façons d'utiliser js. Ce qui suit est un cas pratique, jetons un coup d'œil.

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>

Copier après la connexion

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

Copier après la connexion

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>

Copier après la connexion

Je crois que vous l'avez maîtrisé après avoir lu le Cas dans cet article Méthode, pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web php chinois !

Lecture recommandée :

Cela indique l'utilisation de call et apply

Lorsque webpack+myproject construit le projet, l'adresse IP ne peut pas accéder à l'application. Comment gérer

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!