怎么用js自己写一个提示框

 时间:2024-11-09 15:44:10

1、首先打开我们的开发环境 如图所示

怎么用js自己写一个提示框

2、这是demo的目录结构 接下来会分别看功能的实现

怎么用js自己写一个提示框

3、在html代码中引入所需的js和css样式表文件 第二个框是提示框的内容布局 第三个框是我这里做的一个测试按钮

怎么用js自己写一个提示框

4、这里是css样式表 主要看红框中的 其他的是自己根据情况定义的 哦

怎么用js自己写一个提示框

5、这是效果 当弹出框时 锁定整个html窗口 禁止操作

怎么用js自己写一个提示框

6、这个是定义点击按钮执行 以及自定义提示框中按钮的操作js控制语句

怎么用js自己写一个提示框

7、执行web项目后 点击右下角的按钮 就会弹出对话框 并且body被锁定 只有点击姑百钠恁确定按钮或者左上角的关闭按钮 才能退出提示框哦

怎么用js自己写一个提示框
  • 一举两得的举怎么解释
  • 玩转高清刻录蓝光光盘
  • uc浏览器如何开启访问剪贴板网址进行跳转
  • 斗罗大陆斗罗之路困难之幽冥灵猫攻略
  • 热门搜索
    女子的生活 敏感肌肤怎么护理 额头长皱纹怎么办 mp4歌曲怎么下载 欠款不还怎么办 基友是什么意思 如何发链接 怎么查成考成绩 对生活的感悟 如何免费赚钱