window.location.href 跳转无历史记录

最新推荐文章于 2023-05-24 21:54:36 发布
最新推荐文章于 2023-05-24 21:54:36 发布
阅读量2.2k 收藏
点赞数 1
原文链接：http://www.cnblogs.com/wong-do/p/9390934.html
版权 
 
 
 
 
需求：从页面a单点登录跳至页面b,在页面b里做判断符合条件后location.href至c页面
 
 
问题：在页面c中点击返回按钮页面回到了a,正常情况下应该回到页面b
 
 
原因：在当前页面的 onload 事件发起之前，location.href 也是替换当前历史记录，但我是写在window.onload里的啊，不知道为什么也不行，打印history确实只有两条记录。
 
 
解决方法一：加延时器setTimeout,能解决问题，但是不友好
 
 
方法二：pushState,手动添加一条记录
 
 
 
  
history.pushState(null,null,'b.html')
window.location.href = '/c.html'
 
 
 
 
ok!
 

 

转载于:https://www.cnblogs.com/wong-do/p/9390934.html

                

        

        




    

  


    

      

        

            

              
                
                  weixin_30909575
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
获取当前网页document.url location.href区别总结

				
			

			

				

					09-06
				

			

		

		

			
				
总的来说，`document.URL` 更偏向于提供一个不可变的历史记录，反映了用户如何到达当前页面，而`window.location.href` 则是一个可读写的属性，不仅能够获取URL，还可以用于改变URL和控制页面导航。在开发过程中，...

			
		

	



                

            
              



	

		

			

				
					
安卓微信window.history.go返回上一页后页面刷新，无法记录浏览位置的解决方案

				
			

			

				

					ClassicSong的博客
				

				

					04-17
					
					3830
					
				

			

		

		

			
				
移动端页面，顶部左上角返回上一页按钮很常见，如下图所示：

按钮所在页面为目标页面，点击按钮返回到上一页，实现代码如下：
window.history.go(-1)
//或者
window.history.back(-1)

大部分浏览器、客户端，都是可以完美跳转，且会记住用户在上一页浏览的位置。在滑屏加载下一页的大列表页中，当滑屏加载了N页之后，看到可心的标题，随即进入到详细页，浏览完详细页后，...

			
		

	



              


  
              

                


	

		

			

				
					
location.href对浏览器前进后退的影响

				
			

			

				

					mengsanqianhw的博客
				

				

					05-27
					
					1370
					
				

			

		

		

			
				
location.href对浏览器前进后退的影响

			
		

	





	

		

			

				
					
返回历史记录

				
			

			

				

					u014645827的博客
				

				

					11-02
					
					901
					
				

			

		

		

			
				
返回历史记录

window.location.href = document.referrer;

$(".buy-seccess button").on("click",function(){

window.location.href = document.referrer;

});



<!--头部-->

<divclass="header">

  <ahref="javascript:history.back();">

   ...

			
		

	



		

			
		



	

		

			

				
					
页面链接跳转历史URL不记录的兼容处理

				
			

			

				

					weixin_30394633的博客
				

				

					08-07
					
					217
					
				

			

		

		

			
				
1.阻止跳转a标签的链接
2.location.replace(href)不生成新的历史记录, 但有bug
3.首先通过HTML5 history.replaceState()方法把当前URL地址替换成以个井号#结尾的目前链接地址；
4.执行location.replace('')刷新当前地址（此时#会忽略）；

(function(){
    var fnUrlRepl...

			
		

	





	

		

			

				
					
不同工程下VC资源拷贝

				
			

			

				

					xiushu的专栏
				

				

					07-14
					
					851
					
				

			

		

		

			
				
<br />今日遇到一个问题：<br />在工程A中建立了一个对话框资源a，工程B中也要用到资源a，再在B里做一遍比较麻烦，如果能将资源a直接拷贝到B中则省去不少力气。所以在网上搜到两个拷贝资源的方法。<br /> <br />方法一<br />步骤：<br />1、首先要生成一个*.ogx的文件。<br /><br /><br />方法：打开包含有所要加的对话框资源的工程。<br />在视图资源中鼠标右键点击所需的对话框的类<br />这时，你会看到右键菜单中有个“add to gallery”的选项。<

			
		

	





	

		

			

				
					
javascript 打开页面window.location和window.open的区别.docx

				
			

			

				

					01-13
				

			

		

		

			
				
- **用途**：替换浏览器历史记录栈中当前条目的URL。 - **特点**：  - 当用户使用“后退”按钮时，不会返回到被替换的页面。  - 适用于不想让用户返回到前一个页面的情况。 - **示例**：  ```javascript  window....

			
		

	





	

		

			

				
					
window.navigate 与 [removed].href 的使用区别介绍

				
			

			

				

					09-05
				

			

		

		

			
				
除了`href`属性，`window.location`对象还提供了其他有用的属性和方法，如`hash`（URL的哈希部分），`search`（URL的查询字符串），以及`replace()`和`assign()`方法，用于在不添加历史记录的情况下替换当前URL或...

			
		

	





	

		

			

				
					
浅析location.href跨窗口调用函数

				
			

			

				

					09-01
				

			

		

		

			
				
2. **replace()**: 类似于`assign()`，但不会在历史记录中留下新URL，即不会在用户点击后退按钮时返回原来的页面。 3. **reload()**: 重新加载当前文档，可以接受一个布尔参数，用于强制从服务器重新获取而不是使用...

			
		

	





	

		

			

				
					
javascript 打开页面[removed]和window.open的区别

				
			

			

				

					10-29
				

			

		

		

			
				
这是因为更改location.href会导致浏览器在历史记录中添加一条新记录。  2. window.location.replace('***'); replace方法与直接设置href不同，它会用指定的URL替换当前页面，而不会在历史记录中留下当前页面的记录。...

			
		

	





	

		

			

				
					
4.history对象和location对象

				
			

			

				

					Yang_Ke_Di的博客
				

				

					04-29
					
					689
					
				

			

		

		

			
				
关于两个对象：


history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。由于安全方面的考虑，开发人员无法得到用户浏览器的URL，但借由用户访问过的页面列表，可以在不知道实际URL的情况下实现后退和前进。



location 对象定义了 8 个属性，其中 7 个属性可以获取当前 URL 的各部分信息，另一个属性（href）包含了完整的 URL 信息。


关于两个对象的方法：



history对象:
	window.history.back()			//后退一个页面
	window.

			
		

	





	

		

			

				
					
location.href和location.replace和location.reload的不同(location.replace不记录历史)

				
			

			

				

					仓
				

				

					08-08
					
					8608
					
				

			

		

		

			
				
location.hrefiframe.location.hrefwindow.location.href
整个URL字符串(在浏览器中就是完整的地址栏)reload 
方法，该方法强迫浏览器刷新当前页面。
    语法： location.reload([bForceGet])                                                                                                                 

			
		

	





	

		

			

				
					
location记录浏览历史

				
			

			

				

					fairy_zhong的博客
				

				

					06-09
					
					359
					
				

			

		

		

			
				
location 常见的方法




			
		

	





	

		

			

				
					
vue项目在微信上打开js方法中执行window.location.href后页面会没有反应，感觉有层透明的遮罩挡住，点击页面没反应，要返回下才有反应。

					
最新发布

				
			

			

				

					baiyajin的博客
				

				

					05-24
					
					1165
					
				

			

		

		

			
				
vue项目在微信上打开js方法中执行window.location.href后页面会没有反应，感觉有层透明的遮罩挡住，点击页面没反应，要返回下才有反应。或者是创建a标签执行点击页面也是没反应，要返回一下，页面才点得动。在网页上正常，唯独微信中不行。有遇到过这种情况的兄弟嘛。

			
		

	





	

		

			

				
					
window.history API 实现禁止浏览器回退到上一页

				
			

			

				

					mjzhang1993的博客
				

				

					02-23
					
					3157
					
				

			

		

		

			
				
window.history API 实现禁止浏览器回退到上一页1. 完整代码   <div class="about-container">
      this is about page
      <p id="back-count"></p>      <button id="back">back</button>
      <button id="forward">forward</b

			
		

	





	

		

			

				
					
window获取历史url_在前端重构中获取到的一些经验总结

				
			

			

				

					weixin_39581739的博客
				

				

					12-09
					
					453
					
				

			

		

		

			
				
作者：hugh_https://juejin.im/post/5d4edd516fb9a06b2d77c3d7前言本文主要谈谈在前端重构中获取到的一些经验总结。大处着眼，小处着手！从细微处谈谈前端重构的一些注意事项。本文主要针对SPA类型前端应用，如果你的项目使用的前端模板，后端路由+渲染，本文可能不太符合。创建一个前端应用大致会包含一些的流程注：测试放在开发之后也许是个错误，前端开发者也需要对测...

			
		

	





	

		

			

				
					
【location跳转的几种方法】

				
			

			

				

					m0_46312303的博客
				

				

					10-27
					
					6176
					
				

			

		

		

			
				
location跳转的几种方法

			
		

	





	

		

			

				
					
setTimeout中的location.href对History的影响

				
			

			

				

					annehc的博客
				

				

					03-11
					
					685
					
				

			

		

		

			
				
最近在写项目的时候，在a页面代码开头添加了location.href="b页面链接地址"，而在b页面点击浏览器返回按钮时，却没有跳回到a页面，后来就在a页面添加了setTimeout(function () {location.href="b页面链接地址"}, 500)，然而此时在b页面点击返回时，却能跳转回到a页面，经过多次试验，得知setTimeout中的location.href会在在浏览器...

			
		

	





	

		

			

				
					
ajax中执行 window.location.href不跳转

				
			

			

				

					05-13
				

			

		

		

			
				
在Ajax中，执行`window.location.href`是无效的，因为它只能在浏览器中直接执行。如果你想在Ajax中执行页面跳转，可以尝试以下方法：

1. 使用`window.location.replace(url)`方法，这将直接替换当前页面并在浏览器历史记录中创建一个新的条目。

2. 返回一个重定向URL，并在Ajax成功回调函数中使用`window.location.href`来跳转到该URL。

例如：

```javascript
$.ajax({
  url: 'your/url',
  type: 'POST',
  data: yourData,
  success: function(response) {
    if(response.redirectUrl) {
      window.location.href = response.redirectUrl;
    }
  }
});
```

这个例子中，如果服务器返回一个包含`redirectUrl`属性的响应，则将跳转到该URL。你需要根据你的具体情况进行适当的修改。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值