Javascript 浏览器后退按钮不工作
我有这个菜单- 当我加载此页面时,默认情况下页面重定向到dashboard,dashboard现在并没有任何内容 一切正常,直到我点击浏览器的后退按钮,这个页面被重定向到登录页面 我如何保存历史记录,以便每次单击浏览器的“后退”按钮时,它都会重定向到Javascript 浏览器后退按钮不工作,javascript,jquery,asp.net-mvc-4,browser-history,Javascript,Jquery,Asp.net Mvc 4,Browser History,我有这个菜单- 当我加载此页面时,默认情况下页面重定向到dashboard,dashboard现在并没有任何内容 一切正常,直到我点击浏览器的后退按钮,这个页面被重定向到登录页面 我如何保存历史记录,以便每次单击浏览器的“后退”按钮时,它都会重定向到仪表板页面?然后停止传播以获得更多单击 看看HTML- <li class="active"><a href="/Home/Dashboard" rel="tooltip" data-original-title="What is
仪表板
页面?然后停止传播以获得更多单击
看看HTML-
<li class="active"><a href="/Home/Dashboard" rel="tooltip" data-original-title="What is new?"
data-placement="bottom"><i class="icon-home icon-white"></i> Dashboard</a></li>
<li><a href="#" id="_Layout_Contact" rel="tooltip" data-original-title="Manage Contacts"
data-placement="bottom"><i class="icon-white icon-user"></i> Contact</a></li>
<li><a href="#" id="_Layout_Task" rel="tooltip" data-original-title="Task House"
data-placement="bottom"><i class="icon-white icon-tasks"></i> Task</i></a></li>
<li><a href="#" id="_Layout_Appointment" rel="tooltip" data-original-title="Handle Appointments"
data-placement="bottom"><i class="icon-white icon-calendar"></i> Appointment</a></li>
<li><a href="#" id="_Layout_Project" rel="tooltip" data-original-title="Explore Projects"
data-placement="bottom"><i class="icon-white icon-briefcase"></i> Project</a></li>
<li><a href="#" id="_Layout_Sales" rel="tooltip" data-original-title="Check Sales"
data-placement="bottom"><i class="icon-white icon-barcode"></i> Sales</a></li>
<li><a href="#" title="" onclick="showDialog('/Opportunity/_Create' , 'Add Opportunity')"
id="_Layout_AddOpportunityLink">Add Opportunity</a> </li>
<li><a href="javascript:history.go(-1)" id="_Layout_Contact" rel="tooltip" data-original-title="Manage Contacts"
data-placement="bottom"><i class="icon-white icon-user"></i> Contact</a></li>
我试过了-
<li class="active"><a href="/Home/Dashboard" rel="tooltip" data-original-title="What is new?"
data-placement="bottom"><i class="icon-home icon-white"></i> Dashboard</a></li>
<li><a href="#" id="_Layout_Contact" rel="tooltip" data-original-title="Manage Contacts"
data-placement="bottom"><i class="icon-white icon-user"></i> Contact</a></li>
<li><a href="#" id="_Layout_Task" rel="tooltip" data-original-title="Task House"
data-placement="bottom"><i class="icon-white icon-tasks"></i> Task</i></a></li>
<li><a href="#" id="_Layout_Appointment" rel="tooltip" data-original-title="Handle Appointments"
data-placement="bottom"><i class="icon-white icon-calendar"></i> Appointment</a></li>
<li><a href="#" id="_Layout_Project" rel="tooltip" data-original-title="Explore Projects"
data-placement="bottom"><i class="icon-white icon-briefcase"></i> Project</a></li>
<li><a href="#" id="_Layout_Sales" rel="tooltip" data-original-title="Check Sales"
data-placement="bottom"><i class="icon-white icon-barcode"></i> Sales</a></li>
<li><a href="#" title="" onclick="showDialog('/Opportunity/_Create' , 'Add Opportunity')"
id="_Layout_AddOpportunityLink">Add Opportunity</a> </li>
<li><a href="javascript:history.go(-1)" id="_Layout_Contact" rel="tooltip" data-original-title="Manage Contacts"
data-placement="bottom"><i class="icon-white icon-user"></i> Contact</a></li>
我读过javascript帮助我们保存历史记录,所以我尝试了使用超引用-
带有联系人页面的示例-
<li class="active"><a href="/Home/Dashboard" rel="tooltip" data-original-title="What is new?"
data-placement="bottom"><i class="icon-home icon-white"></i> Dashboard</a></li>
<li><a href="#" id="_Layout_Contact" rel="tooltip" data-original-title="Manage Contacts"
data-placement="bottom"><i class="icon-white icon-user"></i> Contact</a></li>
<li><a href="#" id="_Layout_Task" rel="tooltip" data-original-title="Task House"
data-placement="bottom"><i class="icon-white icon-tasks"></i> Task</i></a></li>
<li><a href="#" id="_Layout_Appointment" rel="tooltip" data-original-title="Handle Appointments"
data-placement="bottom"><i class="icon-white icon-calendar"></i> Appointment</a></li>
<li><a href="#" id="_Layout_Project" rel="tooltip" data-original-title="Explore Projects"
data-placement="bottom"><i class="icon-white icon-briefcase"></i> Project</a></li>
<li><a href="#" id="_Layout_Sales" rel="tooltip" data-original-title="Check Sales"
data-placement="bottom"><i class="icon-white icon-barcode"></i> Sales</a></li>
<li><a href="#" title="" onclick="showDialog('/Opportunity/_Create' , 'Add Opportunity')"
id="_Layout_AddOpportunityLink">Add Opportunity</a> </li>
<li><a href="javascript:history.go(-1)" id="_Layout_Contact" rel="tooltip" data-original-title="Manage Contacts"
data-placement="bottom"><i class="icon-white icon-user"></i> Contact</a></li>
但它一直在加载页面,什么也没发生。帮忙
我使用的是MVC4 razor视图引擎。对于较新的浏览器,您可以使用
如果您需要支持较旧的浏览器,可以使用。干扰单击后退按钮的正常用户体验不是一个好主意。。。这会让用户感到困惑和烦恼,所以我阻止用户进入登录页面。这就是idea在这里的工作原理。然后检查他们是否已经登录到您的登录页面,而不是干扰“后退”按钮。