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

2025-07-06 13:22:32

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

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

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

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

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

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

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

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

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

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

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

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

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

怎么用js自己写一个提示框
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢