html调用js的方法
HTML（超文本标记语言）和JS（JavaScript）是Web开发中最基础和重要的两种技术。HTML主要负责网页的结构和布局，而JS则主要负责网页的功能和交互。在Web开发中，我们经常需要让HTML调用JS来实现网页的各种功能，比如表单验证、动态加载内容等等。本文将介绍HTML如何调用JS的方法。
HTML中调用JS的三种方式
在HTML中调用JS主要有三种方式：内联式、内部式和外部式。
- 内联式
内联式就是将JS代码直接嵌入到HTML标签中，例如：
立即学习“前端免费学习笔记（深入）”；
这个按钮被点击时，会弹出一个提示框，因为onclick属性执行的是一段内嵌的JS代码。这种方式虽然简单，但是不利于维护和管理，当代码量较大时，会变得非常繁琐。
- 内部式
内部式是将JS代码写在HTML文档的标签或标签中的标签中，例如：
内部式
这个例子中，我们将JS代码写在了标签中，并定义了一个名为test的函数。然后在HTML中的按钮标签中，通过onclick调用test函数。这种方式比内联式更易于维护和管理。
- 外部式
外部式是将JS代码放在独立的JS文件中，然后在HTML文档中通过标签引入。假设我们将JS代码写在一个名为test.js的文件中，那么在HTML中的调用方式如下：
外部式
这样，HTML会向服务器请求test.js文件，并执行其中的JS代码。这种方式比内部式更加模块化和分离，可维护性也更高。
总结
HTML调用JS的三种方式均有其优缺点。内联式虽然简洁明了，但是不利于维护和管理；内部式可维护性较高，但是代码可能变得过于复杂；外部式模块化和分离，可维护性最高。
在实际应用中，我们应该根据项目的实际情况选择最适合的调用方式，以便实现更高效、更稳定和更易于维护的代码。
