网站首页 健康小知识 母婴教育 起名 运动知识 职场理财 情感生活 绿色生活 游戏数码 美容 特色美食 爱好

如何在html中调用js代码

栏目: IT技术 / 发布于: / 人气:5.44K

我们编写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张
Tags:HTML js 调用 代码