怎么用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浏览器如何开启访问剪贴板网址进行跳转
  • 斗罗大陆斗罗之路困难之幽冥灵猫攻略
  • 热门搜索
    复合维生素的作用 橙子的功效与作用 十万个冷知识 太平天国运动教案 送老师什么花好 大v什么意思 去西藏旅游走什么线路 什么是内存 青皮的功效与作用 广藿香的功效与作用