--前言--

window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同，有个相同点是都不是很美观。我们的想法是使用js和css分别仿照它们，提供另一套函数，使在不同浏览器的有着相同的体验效果。

 --设计思路--

为了保留原有的alert和confirm方法，我们不直接替换window对象的alert和confirm，而是新建一个win对象，该对象下有alert、confirm、open、close等。win.alert等的对话框弹出层，使用iframe作底层，确保对话框在ie7以下版本时也能把select标签覆盖在底下，这些对话框在弹出之后，是不会阻塞脚本运行的，所以win.alert等函数都提供一个回调参数，在对话框关闭或选择之后触发这个回调参数，函数原型如下：

win.alert = function (title, message, closed) { ...} // alert
win.confirm = function (title, message, selected) {...} // confirm
win.open = function (width, height, title, url, closed) {...} // 弹出页面对话框

--成果展示--

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# js  # alert  # confirm  # JavaScript实现alert弹框效果  # JavaScript中常用的3种弹出提示框(alert、confirm、prompt)  # 使用JavaScript实现alert的实例代码  # js文件中直接alert()中文出来的是乱码的解决方法  # JavaScript SweetAlert插件实现超酷消息警告框  # JS实现alert中显示换行的方法  # JavaScript中的alert()函数使用技巧详解  # 详解JavaScript Alert函数执行顺序问题  # 对话框  # 弹出  # 回调  # 有个  # 不太  # 不是很  # 能把  # 提供一个  # 显示效果  # 不直接  # 新建一个  # 在弹出  # close  # window  # strong  # css  # nbsp  # win 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251811 】 【 AI营销90571 】

相关推荐： EditPlus中的正则表达式 实战(1)  魔毅自助建站系统：模板定制与SEO优化一键生成指南  laravel怎么在请求结束后执行任务（Terminable Middleware）_laravel Terminable Middleware请求结束任务执行方法  如何基于云服务器快速搭建网站及云盘系统？  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  如何在景安云服务器上绑定域名并配置虚拟主机？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何为不同团队 ID 动态生成多个“认领值班”按钮  Linux系统命令中tree命令详解  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  如何彻底删除建站之星生成的Banner？  LinuxCD持续部署教程_自动发布与回滚机制  android nfc常用标签读取总结  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  千问怎样用提示词获取健康建议_千问健康类提示词注意事项【指南】  网站制作软件免费下载安装,有哪些免费下载的软件网站？  Laravel如何生成URL和重定向？（路由助手函数）  如何快速生成专业多端适配建站电话？  郑州企业网站制作公司,郑州招聘网站有哪些？  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  重庆市网站制作公司,重庆招聘网站哪个好？  常州企业网站制作公司,全国继续教育网怎么登录？  如何在云指建站中生成FTP站点？  Android中AutoCompleteTextView自动提示  想要更高端的建设网站，这些原则一定要坚持！  如何获取免费开源的自助建站系统源码？  如何在 React 中条件性地遍历数组并渲染元素  laravel怎么为应用开启和关闭维护模式_laravel应用维护模式开启与关闭方法  如何注册花生壳免费域名并搭建个人网站？  Android实现代码画虚线边框背景效果  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  高防服务器租用如何选择配置与防御等级？  在线制作视频的网站有哪些,电脑如何制作视频短片？  js代码实现下拉菜单【推荐】  nginx修改上传文件大小限制的方法  Laravel如何使用查询构建器？（Query Builder高级用法）  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  制作企业网站建设方案,怎样建设一个公司网站？  音乐网站服务器如何优化API响应速度？  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  如何在IIS7中新建站点？详细步骤解析  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？