当前位置

首页 > 游戏数码 > IT技术 > 如何在html中调用js代码

如何在html中调用js代码

推荐人: 来源: 常识咖 阅读: 7.11K 次

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

工具/材料

Sublime text

操作方法

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

如何在html中调用js代码

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

如何在html中调用js代码 第2张

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

如何在html中调用js代码 第3张

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

如何在html中调用js代码 第4张