HTML点击按钮调用JS文件或者直接调用JS代码的方法。

如下参考：

1.将这段代码保存到一个文件中，如下图所示。

2.请注意，您可以使用任何文本工具创建js文件，但是在保存它时，您需要将其后缀为.js。

3.将版本js文件保存为index.js。如果我们需要使用index。js。我们只需要调用它，不需要写一个新的js文件。

4.在HTML的头部部分引入js文件，具体代码如下图所示。

5.引用是一个双标签，所以如果没有内容，就必须完全写入。

6.如果你的js是从外部导入的，你不能在中间写js代码。

7.如果需要，您需要重新声明脚本标记，并在标记中编写js代码，如下图所示。

8.javascriptjquery也是一样的规则，你必须在script标签中写代码。随着js文件的引入，你可以简单地在你想要的地方调用它。

插入js 的方法有很多种，例如，在html 的 head 标签 内 通过 script 标签来写或者在body 结束标签前添加script 标签来写，或者引入外部的js

（1）在html文件的head中添加代码，例如：《script src=“../js/jquery-1.7.1min.js“》《/script》（src是js文件的路径）

（2）也可以把js文件直接拖进html页面

科普：JS一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

需要准备的材料分别有：电脑、html器、浏览器。

1、首先，打开html器，新建html文件，例如：index.html，引用外部js，例如index.js。

2、在外部index.js中定义aaa函数。

3、在index.html中调用外部js中的aaa()函数。

4、浏览器运行index.html页面，此时成功调用外部js中aaa函数打印了内容。

HTML中引用JS 步骤如下：

1、打开电脑端html器，然后新建HTML文件，以便待会用来引入js文件。

2、如图，如果想在head标签中使用javascript脚步，那么最好加入window.onload,然后在花括号里面写js代码。

3、而如果是在body下边，那就好办多了，可以直接在script里面写js代码，不需window.onload。

4、也可以新建js文件，把html和js分离。

5、然后在js文件里面写代码，注意不要用script标签。

6、然后在script里面用src来把之前的js文件链接好即可。

1、将这一段代码保存到一个文件中。

2、注意，您可以任何文本工具创建js文件，不过您在保存的时候，需要将名字后缀名为.js。

3、这里将js文件保存为index.js。之后如果我们需要使用index.js。我们只需要调用即可，不需要再写新的js文件。

4、在html的head部分引入js文件，具体的代码。

5、这个引用是一个双标签，就算没有内容，也得写全。

6、如果您的js是从外面引入，那么您不能在《script》《/script》中间再写js代码。

7、如果有需要，那么您需要重新声明script标签，在标签内写您的js代码。

8、无论是javascript jquery都是一样的规则，必须在script标签内写代码。引入了js文件后，您可以在需要的地方直接调用即可。

HTML页面里想要插入js需要使用script标签。在一对script标签中间写你想要插入的js代码就行，而这一对script标签可以放到head之间，也可以放到body之间，这是直接在页面写的方法，另一种方法是引入外部的js文件，同样使用script，这时不在该标签之间写代码，而是通过src=“js文件路径”引入，通常为了页面简洁常用外部引入的方法。

我们编写html的时候经常需要调用JS的相关代码，那么如何在HTML中调用JS的代码呢？下面我给大家分享一下。

Sublime text

首先打开Sublime text软件编写一个html页面，如下图所示

然后我们在html页面中添加script标签，在script里简单的写一些JS的代码，如下图所示

接下来可以定义一个button按钮，通过其click事件来调用JS的代码，如下图所示

当然，如果调用的JS代码是外部的文件，则需要在开头的head标签内进行引入才可以使用，如下图所示

在HTML文档中引入JavaScript有两种方式，一种是内嵌式，另一种是外链式。

内嵌式方法：内嵌，放置在《script》和《/script》标签之间 、放置在有《script》标签的src属性指定的外部文件中  、放在一个URL里，这个URL使用特殊的协议”javascript“协议  。

外链式方法：定义 script 标签,在 script 标签中,通过src属性导入外部js文件,并且加载执行外部js文件中的程序代码内容，因为代码执行顺序问题,一般定义 script 标签 在 body标签内容的最下方。

扩展资料：

JavaScript用途

嵌入动态文本于HTML页面。

对浏览器事件作出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies，包括创建和修改等。

基于Node.js技术进行服务器端编程。

JavaScript虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

参考资料来源：百度百科-JavaScript

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

Sublime Text

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

然后我们在Head标签内用link标签引入CSS文件，如下图所示

最后用Script标签引入JS文件即可，如下图所示