--前言--

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 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何快速查询网址的建站时间与历史轨迹？  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  使用Dockerfile构建java web环境  Laravel观察者模式如何使用_Laravel Model Observer配置  Laravel如何配置和使用缓存？（Redis代码示例）  如何在企业微信快速生成手机电脑官网？  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  如何用免费手机建站系统零基础打造专业网站？  Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)  利用python获取某年中每个月的第一天和最后一天  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  MySQL查询结果复制到新表的方法(更新、插入)  如何在 Python 中将列表项按字母顺序编号（a.、b.、c. …）  如何生成腾讯云建站专用兑换码？  如何在阿里云香港服务器快速搭建网站？  如何用5美元大硬盘VPS安全高效搭建个人网站？  php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】  如何在IIS管理器中快速创建并配置网站？  Laravel如何处理异常和错误？（Handler示例）  如何破解联通资金短缺导致的基站建设难题？  Laravel如何生成PDF或Excel文件_Laravel文档导出工具与使用教程  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  如何快速搭建高效可靠的建站解决方案？  Java解压缩zip - 解压缩多个文件或文件夹实例  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  b2c电商网站制作流程,b2c水平综合的电商平台？  LinuxShell函数封装方法_脚本复用设计思路【教程】  如何做网站制作流程,*游戏网站怎么搭建？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  javascript基于原型链的继承及call和apply函数用法分析  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  JavaScript常见的五种数组去重的方式  1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤  如何正确选择百度移动适配建站域名？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  使用C语言编写圣诞表白程序  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  如何在IIS中新建站点并配置端口与IP地址？  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  如何在服务器上三步完成建站并提升流量？  如何快速查询网站的真实建站时间？  昵图网官网入口 昵图网素材平台官方入口  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  JavaScript如何实现错误处理_try...catch如何捕获异常？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  如何彻底删除建站之星生成的Banner？  Laravel Livewire是什么_使用Laravel Livewire构建动态前端界面  教学论文网站制作软件有哪些,写论文用什么软件 ？