我们编写html的时候经常需要调用JS的相关代码,那么如何在HTML中调用JS的代码呢?下面我给大家分享一下。
工具/材料Sublime text
01首先打开Sublime text软件编写一个html页面,如下图所示
02然后我们在html页面中添加script标签,在script里简单的写一些JS的代码,如下图所示
03接下来可以定义一个button按钮,通过其click事件来调用JS的代码,如下图所示
04当然,如果调用的JS代码是外部的文件,则需要在开头的head标签内进行引入才可以使用,如下图所示
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文件的引入,你可以简单地在你想要的地方调用它。