Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der drei Verwendungsmethoden von js

Detaillierte Erläuterung der drei Verwendungsmethoden von js

php中世界最好的语言
Freigeben: 2018-05-07 17:02:35
Original
1394 Leute haben es durchsucht

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der drei Arten der Verwendung von js geben. Was sind die Vorsichtsmaßnahmen für die drei Arten der Verwendung von js?

1. Inline-JS: JS wird nicht separat geschrieben

<!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>
Nach dem Login kopieren

2. Internes JS: Das Programm im Skript kann auf der gesamten Seite verwendet werden

<!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>
Nach dem Login kopieren

3. Externe js: Viele HTML-Seiten können die eingestellte js-Seite aufrufen

<!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>
Nach dem Login kopieren

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in den anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Dies weist auf die Verwendung von Call und Apply hin

Wenn webpack+myproject das Projekt erstellt, Die IP kann nicht auf die Anwendung zugreifen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der drei Verwendungsmethoden von js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage