很简单的问题：后退按钮弹出对话框

2010-08-30 05:05:44 261 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

模态对话框与浏览器后退按钮的协同设计原理与实践模态对话框是Web应用中关键的用户交互状态载体，其本质并非视觉遮罩，而是需与浏览器History API深度协同的状态快照；后退按钮触发的popstate事件默认不感知UI层模态状态，导致状态丢失、重复提交与体验断裂。通过将模态开关显式同步至history.state或URL参数，可实现跨框架、跨端的一致性控制，兼顾可访问性、安全合规与调试可观测性。该机制广泛适用于React/Vue等SPA架构下的金融确认、电商结算、医疗表单等强状态场景，是现代前端工程中不可或缺的基础能力。阅读详情

当一个页面弹出个一个javascript的对话框后，再跳到一个新页面，然后在这个新页面按浏览器的后退按钮，为什么又会自动弹出一次javascript的对话框？？

这个问题应该怎么解决？

具体点吧：
例如我有2个页面，分别为webform1和webform2
webform1 有一个text1 和一个按钮button

protected Sub Button1_Click(---------省略了) handles Button1.Click
IF TextBox1.text="1" Then
Response.Write("<script>alert('消息')</script>")
Else
Reponse.Redirect("WebForm2.aspx")
End Sub
End Sub

当我在textbox输入"1" 弹出了一个对话框，然后我再输入其它(不是 1) 就会跳转到webform2去了，
然后我再在webform2的页面点击浏览器的后退按钮，这时问题就出现了，为什么会再次弹出“消息”的对话框？
如何解决？

...全文

模态对话框与浏览器后退键的协同设计原理模态对话框是Web应用中高频使用的交互组件，其核心挑战在于如何与浏览器原生后退机制协同工作。从技术本质看，后退键触发的是history栈的popstate事件，而非键盘事件；模态框是否响应后退，取决于其状态归属类型——路由驱动型需URL参数映射、历史快照型依赖pushState精准控制、状态托管型则应主动隔离。这种分层设计保障了SPA中用户操作的一致性与可预测性，支撑电商结算、SaaS表单编辑、无障碍浏览等关键场景。本文深入解析三类模态框的历史栈治理策略，覆盖React Router集成、兼阅读详情

missukiss02

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

missukiss02 2010-08-31

打赏
举报

[Quote=引用 17 楼 alive501 的回复:]
我想的办法是报错不使用response.write(alert) , 加个服务器端的lable标签.
if (TextBox1.Text == "a")
Label1.Text = "Err";
else
Response.Redirect("Web_form2.aspx");
这样后退就没问题了.
楼主那样的方法没能实现, 我猜想会不会是session的状态问题.……
[/Quote]
其实这个我昨天就用验证控件试过了，输入一次错，再输入正确跳转后，后退，验证控件的提示也是存在的。
你这个方法我刚刚也试了，后退依然显示Err的。
其实各大网站均有这个问题，我跟组长说了，不要改就直接让他出现对话框算了。不过答案让我失望，唉，还要继续，，现在在找怎么把我的那个层写得像普通的对话框一样。

alive501 2010-08-31

打赏
举报

我想的办法是报错不使用response.write(alert) , 加个服务器端的lable标签.
if (TextBox1.Text == "a")
Label1.Text = "Err";
else
Response.Redirect("Web_form2.aspx");
这样后退就没问题了.
楼主那样的方法没能实现, 我猜想会不会是session的状态问题. write到文档,会把state写到客户端的COOKIE ,而Response.Redirect的状态又在服务器上.

另外如果用javascript做就感觉还不如ajax做了

missukiss02 2010-08-31

打赏
举报

发现csdn的登陆也是有这个问题，哈哈。。。。

missukiss02 2010-08-30

打赏
举报

明天要交了，我用了一个折中的方法解决了。
就是用一个弹出层来做个替换JavaScript弹出的对话框，希望这个能交货先。

wangcheng1217 2010-08-30

打赏
举报

Up,up

骑猪看海 2010-08-30

打赏
举报

阿甲克思

missukiss02 2010-08-30

打赏
举报

顶一下，原来这个问题不简单!!哈！

以专业开发人员为伍 2010-08-30

打赏
举报

这能用“不能按浏览器的回退按钮”做借口 --> 我根本不愿去用“不能按浏览器的回退按钮”做借口

以专业开发人员为伍 2010-08-30

打赏
举报

本来比如，我们要交互地编辑一个完整的工作单，页面上有很多局部内容，每一个局部内容都局部地编辑、刷新、交互，我们不论怎么操作，页面上的状态都维系着。

如果碰到那些水平不怎么样的asp.net程序员，操作一下就重定向到其它页面上，什么都没了。对这样的程序员，客户说：“我不想跳到新的页面！”，这能用“不能按浏览器的回退按钮”做借口。不过我也帮不上这样的asp程序员。

以专业开发人员为伍 2010-08-30

打赏
举报

客户要求执行“另存为”就把数据保存成本低数据库文件，你也给他做吧？！

天下如山 2010-08-30

打赏
举报

额额额额额额额额

missukiss02 2010-08-30

打赏
举报

有无方法可以控制后退按钮，例如让他执行一次onload事件呢？

tzcgao 2010-08-30

打赏
举报

得想其他方法了
这样的话即使你后退依然是重新执行下程序

即不符合跳转

missukiss02 2010-08-30

打赏
举报

[Quote=引用 1 楼 gongsun 的回复:]
呵呵，干嘛后退呢？
[/Quote]
客户要求要能后退

missukiss02 2010-08-30

打赏
举报

[Quote=引用 2 楼 meixiafeng 的回复:]
HTML code
<head runat="server">
<title>强度</title>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires"……
[/Quote]
清缓存？我想过了。这样不符合要求

czhhlove 2010-08-30

打赏
举报

帖子发错地方啦!!

尐孑 2010-08-30

打赏
举报

<head runat="server">

    <title>强度</title>

    <meta http-equiv="Pragma" content="no-cache" />

    <meta http-equiv="Cache-Control" content="no-cache" />

    <meta http-equiv="Expires" content="0" />

</head>

放上这个试试

gongsun 2010-08-30

打赏
举报

呵呵，干嘛后退呢？

很简单的问题：后退按钮弹出对话框

相关推荐