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

 时间:2024-10-12 10:52:58

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怎么设置自动保存
  • 热门搜索
    庆祝国庆手抄报 爱国诚信友善手抄报 小学生二年级手抄报 关于汉字的手抄报图片 关于邪教的手抄报 我运动我快乐手抄报 小学生消防手抄报 传染病防控手抄报 抗震救灾手抄报 手抄报的边框