微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

history.back后退至上一页，遮罩层div无法消除的问题_html/css_WEB-ITnose

php中文网
发布： 2016-06-21 09:45:21
原创
1167人浏览过

遮罩 后退 web 返回

求助：我有一个form表单，提交后会促发一个生成遮罩层的方法，就类似于loading效果，绘制一个覆盖全部页面的半透明div块。表单提交失败后用history.back()方法返回上一页，该遮罩层不会消除，页面上的功能就用不了了。网上流传的两种history.back()后刷新网页的方法不好使。请问有什么其他思路解决吗？谢谢大家。

回复讨论(解决方案)

找到解决办法了，在页面的body标签中加入 onunload="消除遮罩（）;" 页面关闭时触发该方法，这样返回到该页面就正常了。
话说为什么我提的问题都没人回答的

可能你后退时，整个文档没有刷新。

你后退时因为表单和处理表单不是同一个url吗？你可以在cookie或session中加一个标志,如果有这个标志在表单页再去判断一下提示层是否没关闭。

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：两个按钮覆盖，如何使用底层按钮的功能（急）_html/css_WEB-ITnose 下一篇：div居中，但如果有竖着的滚动条，div会往左偏，怎么解决？_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
Linux用scp命令上传HTML文件到远程服务器 使用scp命令可安全上传HTML文件至远程服务器：1、上传单个文件需指定源路径与目标地址；2、批量上传可用*.html通配符；3、递归上传目录需加-r参数；4、非默认端口需用-P指定端口号，依次执行并输入密码即可完成传输。
2025-11-18 21:59:34
899
Linux用nginx配置虚拟主机运行多个HTML项目 可通过配置Nginx虚拟主机在同一服务器运行多个HTML项目：首先安装并启动Nginx服务；接着为每个项目创建独立目录并上传文件，设置权限与归属；然后在sites-available中为每个项目配置基于域名或端口的server块，并通过符号链接启用；若使用自定义域名，需在本地hosts添加DNS映射；最后检查配置语法并重启Nginx，通过浏览器访问对应域名或端口验证站点正常运行。
2025-11-18 21:55:55
918
html如何存为模板_HTML页面（header/footer）存为可复用模板方法 原生HTML不支持模块化，可通过JavaScript动态加载、服务器端包含（SSI）、构建工具或服务端语言实现复用。1.JavaScript使用fetch将header/footer.html插入页面；2.SSI在.shtml文件中通过嵌入内容；3.构建工具如Vite或Webpack配合插件预处理标签；4.PHP等后端语言用实现模板包含。选择方案需根据项目类型：静态网站可用JS，现代开发推荐构建工具，动态站点宜用服务端技术，核心目标是减少重复代码、提升维护性。
2025-11-18 21:52:48
178
如何使用HTML构建电商产品页面的详细步骤 答案：通过规划页面结构、创建HTML文档、添加商品信息与交互元素，使用语义化标签构建包含图片、标题、价格、规格选择及购买按钮的响应式电商页面，并通过CSS实现多设备适配布局。
2025-11-18 21:51:06
860
HTML编辑器手机版入口 在线编辑HTML手机版运行 HTML编辑器手机版入口在https://www.dcoder.app，该平台支持实时预览、代码高亮、离线编辑、本地文件管理、FTP上传及社区学习资源，适配移动端多语言开发需求。
2025-11-18 21:47:02
854
如何编辑网页HTML中的框架_如何编辑网页HTML中使用iframe框架的方法 通过iframe可嵌入外部网页，需设置src、尺寸、样式、滚动、响应式及安全属性，并可用JavaScript动态控制源地址。
2025-11-18 21:46:02
318
scp递归上传，HTML+CSS整站一键部署！ 使用SCP命令可高效部署本地HTML/CSS整站。首先通过scp-r命令递归上传整个站点文件夹，保留目录结构；对于大量文件，建议先tar压缩再传输，减少网络中断风险并提升速度；为提高自动化效率，配置SSH密钥认证实现免密登录，简化频繁部署流程。
2025-11-18 21:43:07
542
html5文件如何实现格式转换 html5文件图片格式转换的Canvas实现 首先利用Canvas绘制图片并导出为目标格式的DataURL，具体步骤包括：创建canvas元素并获取2D上下文，加载图像后通过drawImage绘制到画布，再调用toDataURL转换为JPEG、PNG或WebP格式。转换PNG至JPEG时需先用fillRect填充背景色以避免透明区域变黑，确保图像完整。对于JPEG和WebP格式，可设置toDataURL的第二个参数（0-1）控制压缩质量，权衡清晰度与文件大小。最后，将DataURL转为Blob对象，结合a标签的download属性实现文件下
2025-11-18 21:42:06
409
html网页优化工具_html网页优化网页版入口 html网页优化网页版入口是https://www.tinywebtools.com/html-minifier，该平台提供在线HTML压缩、格式化、语法检测及自定义配置功能，支持浏览器端处理、实时对比、快捷键操作与一键复制，兼容HTML5、SVG等复杂结构，并可批量处理代码或通过API集成至自动化流程，提升页面加载效率与开发维护便利性。
2025-11-18 21:37:02
532
HTML图片如何平行_HTML图片平行排列（float/CSS Grid）布局方法 使用CSS的float、Grid或Flexbox布局可实现图片水平排列。一、float通过设置float:left使图片左浮动，需注意清除浮动；二、Grid通过display:grid和grid-template-columns定义列宽，支持响应式布局；三、Flexbox通过display:flex和flex-wrap控制图片行数与对齐方式，适合自适应设计。
2025-11-18 21:33:23
597
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部