Summary of the advantages and disadvantages of the three calling methods of js

This time I will bring you a summary of the advantages and disadvantages of the three calling methods of js. What are the precautions when using the three calling methods of js. The following is a practical case, let's take a look.

This article describes the example codes of three ways of using js (inline js, internal js, external js). Interested friends can refer to it, as follows:

1. Inline js: js is not written separately

nbsp;html> 
 
 
 <meta> 
 <title>js使用方式1：行内js</title> 
 
 
<input> 
<!--onclick:点击触发一个事件，alert：弹出一个对话框--> 
 

2. Internal js: the entire page of the program in script can be used

nbsp;html> 
 
 
 <meta> 
 <title>js使用方式2：内部js</title> 
 <script> 
  //声明一个函数(整个文档都可以使用) 
  function surprise() { 
   alert(&#39;恭喜你中了一百万&#39;)/*弹出框*/ 
  } 
 </script> 
 
 
<input><!--调用函数--> 
<input> 
 

3. External js: Many HTML pages can call the set js page

nbsp;html> 
 
 
 <meta> 
 <title>js使用方式3：外部js</title> 
 <!--很多html页面都可以调用js4.js页面--> 
 <script> 
 </script> 
 
 
<input> 
 

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

How to view personal information and change password in vue

Detailed explanation of Vue array mutation implementation

The above is the detailed content of Summary of the advantages and disadvantages of the three calling methods of js. For more information, please follow other related articles on the PHP Chinese website!