Code de programme sur les trois façons d'utiliser js (inline js, internal js, external js)-js tutoriel-php.cn

Code de programme sur les trois façons d'utiliser js (inline js, internal js, external js)

青灯夜游

Libérer： 2018-10-09 14:32:23

avant

2705 Les gens l'ont consulté

Cet article vous présente principalement l'exemple de code des trois façons d'utiliser js (inline js, internal js, external js). L'éditeur pense que c'est plutôt bon. Maintenant, je vais le partager avec vous. à lui. , les détails sont les suivants :

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

2. la page entière du programme en script est Vous pouvez utiliser

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式2：内部js</title> 
 <script type="text/javascript"> 
  //声明一个函数(整个文档都可以使用) 
  function surprise() { 
   alert(&#39;恭喜你中了一百万&#39;)/*弹出框*/ 
  } 
 </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

Résumé : ce qui précède est destiné à vous présenter les exemples de codes des trois façons d'utiliser js (js en ligne, js interne et js externe). J'espère que cela sera utile à l'apprentissage de chacun.

Recommandations associées :

Tutoriel vidéo de formation sur le bien-être public php

Tutoriel vidéo JavaScript

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!