history.back(argu);

最新推荐文章于 2024-06-13 13:49:24 发布
原创 最新推荐文章于 2024-06-13 13:49:24 发布 · 350 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#history.back(argu);
本文介绍如何使用JavaScript的History API进行页面导航控制，包括返回上一页、刷新当前页面及前进到下一页的具体实现。 

history.back(-1);//返回当前页面的上一页
history.back(0);//刷新
history.back(1);//前进





                

        

    





  



    



              

                

              

            
              



	

		

			

				
					
vue监听浏览器返回

				
			

			

				

					田品吕口的博客
				

				

					10-15
					
					3910
					
				

			

		

		

			
				
1、监听返回
大家知道在页面中我们可以使用javascript window history，后退到前面页面，但是由于安全原因javascript不允许修改history里已有的url链接，但可以使用pushState方法往history里增加url链接，并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件监测，那么我们就可以进行监听。

```javas...

			
		

	



              


  
              

                


	

		

			

				
					
history.back(-1)和history.go(-1)返回上一个页面 刷新回退页

				
			

			

				

					jievachange
				

				

					05-31
					
					9907
					
				

			

		

		

			
				
history.back(-1):直接返回当前页的上一页，不会刷新
history.go(-1):也是返回当前页的上一页，不会刷新

//返回上一个页面后进行刷新
window.location.replace(document.referrer)
window.location.href=“上一个页面URL”


...

			
		

	





	

		

			

				
					
实现history.back()返回后刷新历史页面

				
			

			

				

					Hzz的博客
				

				

					02-08
					
					3931
					
				

			

		

		

			
				
实现history.back()返回后刷新历史页面

			
		

	



		

			
		



	

		

			

				
					
Javascript:history.go()和history.back()的用法与区别

					
热门推荐

				
			

			

				

					water_v的博客
				

				

					11-07
					
					5万+
					
				

			

		

		

			
				
Javascript：history.go()和history.back()的用法与区别
简单的说就是：go(-1):返回上一页，原页面表单中的内容会丢失；back():返回上一页，原页表表单中的内容会保留。


history.go(-1):后退+刷新
history.back():后退


之所以注意到这个区别，是因为不同的浏览器后退行为也是有区别的，而区别就跟javascri

			
		

	





	

		

			

				
					
浏览器的历史记录：history.back和history.foword属性

				
			

			

				

					YY的博客
				

				

					10-15
					
					2123
					
				

			

		

		

			
				
浏览器的历史记录：history.back和history.foword属性

			
		

	





	

		

			

				
					
JS后退刷新JS后退页面

				
			

			

				

					前端必备小窝
				

				

					11-03
					
					2032
					
				

			

		

		

			
				
一、history.back() 和 history.go(-1)

			
		

	





	

		

			

				
					
history对象back()、forward()、go()

				
			

			

				

					weixin_33857230的博客
				

				

					10-17
					
					502
					
				

			

		

		

			
				
history对象back()、forward()、go()方法history.back() 功能：加载历史列表中的前一个URL（后退）。语法：history.back()调用该方法的效果等价于点击后退按钮或调用history.go(-1)。history.forward() 功能：加载历史列表中的下一个URL（前进）。语法：history.forward()调用该方法的效果等价于点击前进按钮或调...

			
		

	





	

		

			

				
					
window.history.back(-1）

				
			

			

				

					weixin_43123066的博客
				

				

					07-06
					
					2002
					
				

			

		

		

			
				
history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面
 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 
 history.back(1) 前进 
 history.back(-1) 后退
 
window.location.reload();    //刷新  
window.history.go(1);         //前进  
window.history.go(-1);        //返回+刷新  
window.history.

			
		

	





	

		

			

				
					
history.back()的一个细节

				
			

			

				

					qq_44905857的博客
				

				

					02-09
					
					557
					
				

			

		

		

			
				
history.back()方法异步所带来的问题

			
		

	





	

		

			

				
					
解析window.history.go()和history.back()的妙用技巧

				
			

			

				

					聚娃科技开发者博客
				

				

					01-11
					
					1166
					
				

			

		

		

			
				
该API提供了更多高级的历史记录管理功能，我们将介绍如何结合HTML5 History API使用window.history.go()和history.back()，以满足更复杂的需求。本文将详细解释为何我们需要深入了解window.history.go()和history.back()，以及它们在前端项目中的实际应用。接下来，我们将解析history.back()方法。通过实际案例，我们将展示如何结合window.history.go()和history.back()，更好地实现前端路由的导航控制。

			
		

	





	

		

			

				
					
多页面应用中的页面导航：history.back 与 replaceState 的使用

				
			

			

				

					EipGemms的博客
				

				

					09-30
					
					240
					
				

			

		

		

			
				
函数内部使用 replaceState 方法将当前页面的 URL 替换为 “/new-page”，并将状态对象 newState 设置为 { page: ‘newPage’ }，将标题设置为 “新页面”。综上所述，当开发多页面应用中的页面导航功能时，可以根据需求选择合适的方法。需要注意的是，replaceState 方法只修改浏览器的历史记录，并不触发页面的实际跳转。在上面的示例中，我们在一个按钮的点击事件中调用了 goBack 函数，该函数通过调用 history.back() 方法返回上一页面。

			
		

	





	

		

			

				
					
javascript:history.go()和History.back()的区别

				
			

			

				

					liq39liq
				

				

					01-16
					
					262
					
				

			

		

		

			
				

javascript:history.go()和History.back()的区别 
2011年01月26日
　　转载自 glaiveLee
　　最终编辑 glaiveLee
　　
　　
　　
　　
　　 后退+刷新在C# Web程序中，如为页面按钮写返回上一页代码
　　this.RegisterClientScriptBlock("E", "history.go(-2);"...

			
		

	





	

		

			

				
					
js 中histroy.back()与history.go()的区别

				
			

			

				

					weixin_30617737的博客
				

				

					06-06
					
					490
					
				

			

		

		

			
				
样例:
js6.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html><head></head><body><a href="js7.jsp">点击</a></body&gt...

			
		

	





	

		

			

				
					
history 对象解析

				
			

			

				

					猿码互联
				

				

					06-13
					
					391
					
				

			

		

		

			
				
对象用于在浏览器的历史记录中进行导航。它提供了一些方法和属性，可以让开发者在浏览器历史记录中向前或向后导航，以及在当前页面中获取浏览器历史记录的相关信息。对象的使用可能会受到一些浏览器的限制和安全性策略的影响。JavaScript 的。

			
		

	





	

		

			

				
					
javascript:history.back(-1)失效问题

				
			

			

				

					qq_33203125的博客
				

				

					07-21
					
					2万+
					
				

			

		

		

			
				
返回
这是很常见的返回上一页的写法，
最近在做移动端项目的时候发现这种写法在有些移动端浏览器上点击没反应，
查了一下资料，应该是浏览器处理上的差异导致，
于是改成如下写法：
返回
因为有可能是浏览器先执行了onClick，还没执行完的时候就接着执行了href，导致无法正常返回，
所以添加return false阻止其往下执行，
最终写法可以将href属性去掉：
返回

返回

			
		

	





	

		

			

				
					
history.back与history.go()

				
			

			

				

					csb5201314的专栏
				

				

					04-19
					
					461
					
				

			

		

		

			
				
  history.back(0) 刷新   history.back(1) 前进   history.back(-1) 后退      功能相当于浏览器上面的前进后退按钮,同理，history.back(-3) 表示后退三   个URL记录   这两个属于JS代码，相当于IE的前进、后退功能。  具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验  证，不符合要求的时候就可以用

			
		

	





	

		

			

				
					
JavaScript history对象（back()、forward()、go()）

				
			

			

				

					weixin_46990454的博客
				

				

					12-15
					
					5885
					
				

			

		

		

			
				
history对象保存了当前浏览器窗口中打开页面的一个历史记录列表，使用history对象可以将当前浏览器



			
		

	





	

		

			

				
					
HTML5中History.back()页面后退刷新页面

				
			

			

				

					高先生的猫
				

				

					05-29
					
					5424
					
				

			

		

		

			
				
在开发中经常会遇到在一个页面操作完返回上一个页面，此时要求上个页面展示最新数据的需求。

比如A1为上一个页面，A2为当前页面

1.A1需要加监听历史记录点


 window.onpopstate=function(){
    // 获得存储在该历史记录点的json对象
    var json=window.history.state;// 获得的json为null时则无需刷新
    if(json){
        window.location.reload();
    }
};   ..

			
		

	





	

		

			

				
					
history.back(-1)和history.go(-1)的区别

				
			

			

				

					weixin_33971130的博客
				

				

					02-02
					
					122
					
				

			

		

		

			
				
history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面
history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在

history.back(0) 刷新 
history.back(1) 前进 
history.back(-1) 后退

web项目中很多关于页面间返回的问题，如果使用了js的window.history.go(-1) ...

			
		

	





	

		

			

				
					
History.back()页面后退刷新页面（HTML5）

				
			

			

				

					weixin_43844696的博客
				

				

					06-03
					
					2204
					
				

			

		

		

			
				
在开发中经常会遇到在一个页面操作完返回上一个页面，此时要求上个页面展示最新数据的需求。

比如A1为上一个页面，A2为当前页面



（1）、在A1页面中需要加监听历史记录点


 window.onpopstate=function(){
    // 获得存储在该历史记录点的json对象
    var json=window.history.state;// 获得的json为null时则无需刷新
    if(json){
        window.location.reload();
  ...

			
		

	



              




          





        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值