js中confirm函数如何使用

 时间:2024-10-17 13:36:21

1、新建一个html页面,命名为test.html,用于讲解js中confirm函数如何使用。

js中confirm函数如何使用

2、在test.html页面中,使用button标签创建一个按钮,代码如下:

js中confirm函数如何使用

3、在test.html页面中,使用span标签创建一段文字,并使用css设置其隐藏不显示,文字红色。

js中confirm函数如何使用

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

js中confirm函数如何使用

5、在js标签内,创建cf()函数,并使用confirm()函数弹出“确定要显示隐藏的文字吗?”窗口,将返回的结果保存在res变量中。

js中confirm函数如何使用

6、在cf()函数内,使用if语句判断confirm函数执行的结果,如果confirm的结果为true,则设置span标签的display属性为block,把文字显示出来。

js中confirm函数如何使用

7、在浏览器运行test.html文件,在confirm弹窗中点击确定,隐藏的文字显示出来,点击取消,将不会将文字显示出来。

js中confirm函数如何使用
js中confirm函数如何使用
js中confirm函数如何使用
  • js怎么改变span标签的内容
  • eclipse怎样设置代码提示
  • SQLyog如何创建存储过程,详细教程
  • IDEA怎么在maven项目中添加依赖
  • js如何获取表单的值?
  • 热门搜索
    抗击疫情手抄报图片大全 教师节手抄报图片大全 关于春节的英语手抄报 庆元旦手抄报 网络安全手抄报的句子 关于新年的手抄报 元旦手抄报文字 父亲节手抄报图片 普通话手抄报简单 有关绿色环保的手抄报