html引入js文件,点击按钮,怎么直接在js里触发

 时间:2024-09-25 07:14:17

在html页面中,可以通过onclick点击事件来触发执行js文件中的函数。下面小编举例讲解html引入js文件,点击按钮,怎么直接在js里触发。

html引入js文件,点击按钮,怎么直接在js里触发

工具/原料

html+js

代码编辑器:ZendStudio12.5.1

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解html引入js文件,点击按钮,怎么直接在js里触发。

html引入js文件,点击按钮,怎么直接在js里触发

2、在test.html文件中,使用p标签创建一行文字,同时设置p标签的id,用于下面通过该id获得p元素对象。

html引入js文件,点击按钮,怎么直接在js里触发

3、在test.html文件中,使用button标签创建一个按钮,按钮名称为“获取内容”。

html引入js文件,点击按钮,怎么直接在js里触发

4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行handle()函数。

html引入js文件,点击按钮,怎么直接在js里触发

5、新建一个js文件夹,在文件夹下面创秃赈沙嚣建一个my.js的js文件,在my.js内,创建一个handle()函数,在函数内,通过innerHTML属性获得p标签内的文字内容并输出。

html引入js文件,点击按钮,怎么直接在js里触发

6、在test.html文件中,使用<script></script争犸禀淫>标签引入my.js文件,src的属性值为my.js的文件路径。

html引入js文件,点击按钮,怎么直接在js里触发

7、在浏览器打开test.html文件,点击按钮,查看实现的效果。

html引入js文件,点击按钮,怎么直接在js里触发

设置div中的div居中显示 html中怎么隐藏input标签 js中如何删除input的默认值 怎么用js给ul里的li加下划线 Vscode怎么设置自动保存
热门搜索
田径比赛图片 头上长虱子卵图片 美奴图片 卡通荷花图片 制作书签的图片