--前言--

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 】

相关推荐： linux top下的 minerd 木马清除方法  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  如何在七牛云存储上搭建网站并设置自定义域名？  昵图网官网入口 昵图网素材平台官方入口  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  网站制作软件有哪些,制图软件有哪些？  如何在服务器上配置二级域名建站？  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  SQL查询语句优化的实用方法总结  Python面向对象测试方法_mock解析【教程】  linux写shell需要注意的问题(必看)  JavaScript如何实现错误处理_try...catch如何捕获异常？  Laravel如何设置定时任务（Cron Job）_Laravel调度器与任务计划配置  Laravel如何处理CORS跨域请求？（配置示例）  Laravel如何使用Contracts（契约）进行编程_Laravel契约接口与依赖反转  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  奇安信“盘古石”团队突破 iOS 26.1 提权  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  iOS验证手机号的正则表达式  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  如何破解联通资金短缺导致的基站建设难题？  EditPlus中的正则表达式 实战(2)  Laravel如何编写单元测试和功能测试？（PHPUnit示例）  EditPlus中的正则表达式 实战(4)  香港服务器部署网站为何提示未备案？  PHP 500报错的快速解决方法  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  Laravel如何理解并使用服务容器（Service Container）_Laravel依赖注入与容器绑定说明  Laravel如何使用Blade组件和插槽？（Component代码示例）  黑客如何利用漏洞与弱口令入侵网站服务器？  Laravel如何使用模型观察者？（Observer代码示例）  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  如何在万网主机上快速搭建网站？  Laravel如何使用Service Provider服务提供者_Laravel依赖注入与容器绑定【深度】  🚀拖拽式CMS建站能否实现高效与个性化并存？  Python文件异常处理策略_健壮性说明【指导】  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  JavaScript如何实现类型判断_typeof和instanceof有什么区别  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  安克发布新款氮化镓充电宝：体积缩小 30%，支持 200W 输出  详解CentOS6.5 安装 MySQL5.1.71的方法  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  JavaScript模板引擎Template.js使用详解  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  如何快速查询网站的真实建站时间？  JavaScript如何实现倒计时_时间函数如何精确控制  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧