JS实现父页面跳转、iframe实现整页面跳转

最新推荐文章于 2022-07-12 15:37:40 发布
最新推荐文章于 2022-07-12 15:37:40 发布
阅读量2.3k 收藏
点赞数
分类专栏： UI-HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q694755382/article/details/51193769
版权

加了parent就表示父窗口，如果这段JS是在一个iframe的页面中，那么就可以使实现整个页面跳转。否则反之。

parent.window.location.href='页面'


<pre name="code" class="html"><pre name="code" class="javascript">window.location.href='页面'


 

 

 

 

 


                

        

        

    

  


    

      

        

            

              
                
                  D丶码农
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
JS页面跳转和js对iframe进行页面跳转、刷新

				
			

			

				

					01-30
				

			

		

		

			
				
JS页面跳转和js对iframe进行页面跳转、刷新

			
		

	



                

            
              



	

		

			

				
					
js页面跳转的问题(跳转到父页面、最外层页面、本页面)

				
			

			

				

					10-27
				

			

		

		

			
				
通过设置父页面的location.href属性，可以实现从子页面到父页面的跳转。  3. 最外层页面跳转：当页面是嵌套在多个iframe中时，最外层页面通常是整个浏览器窗口的顶级页面。在子页面中，如果需要直接跳转到最外层的...

			
		

	



              


  
              

                


	

		

			

				
					
js 子页面控制父页面操作刷新、跳转

				
			

			

				

					Mia_Zhu的博客
				

				

					08-31
					
					3522
					
				

			

		

		

			
				
一、子页面和父页面父页面：当前页面子页面：从当前页面打开的新页面二、操作在子页面中写上(刷新父页面)：window.opener.location.reload();在子页面中让父页面跳转：opener.location.href = '';...

			
		

	





	

		

			

				
					
js子窗口让父窗口页面跳转

				
			

			

				

					sqlservercaonima的博客
				

				

					03-08
					
					2468
					
				

			

		

		

			
				
window.function(){
	//如果父窗口不是自己，则让父窗口导航到一个新页面
		if(window.parent != window){// 如果是在框架中
			//就让框架页面跳转到登陆页面
			window.parent.location.href = "${pageContext.request.contextPath}/login.jsp";
		}
		
	};

...

			
		

	



		

			
		



	

		

			

				
					
js父级页面跳转

				
			

			

				

					weixin_34253126的博客
				

				

					05-19
					
					609
					
				

			

		

		

			
				
<script>parent.location.href='../Index.aspx'</script>
				
转载于:https://blog.51cto.com/962410314/1413614

			
		

	





	

		

			

				
					
javascript控制页面（含iframe进行页面跳转）跳转、刷新的方法汇总

				
			

			

				

					weixin_33843409的博客
				

				

					06-05
					
					1885
					
				

			

		

		

			
				
一、JS方式的页面跳转1.window.location.href方式    &lt;script language="JavaScript" type="text/javascript"&gt;           window.location.href="top.jsp";    &lt;/script&gt;
注意如果top.jsp中有iframe标签,则top.jsp页面将会在ifram...

			
		

	





	

		

			

				
					
js实现页面跳转的几种方法小结

				
			

			

				

					10-22
				

			

		

		

			
				
在前端开发中，页面跳转是一个非常基础且常见的功能需求，而JavaScript作为网页中用于实现动态效果和交云操作的核心脚本语言，提供了多种实现页面跳转的方式。下面将介绍几种常见的JavaScript页面跳转方法：  1. ...

			
		

	





	

		

			

				
					
js实现页面跳转的五种方法推荐

				
			

			

				

					10-22
				

			

		

		

			
				
以下将详细介绍JS实现页面跳转的五种方法：  1. **使用`window.location.href`**：  这是最常见的方式，通过设置`window.location.href`的值为新的URL，可以实现页面的跳转。例如：  ```javascript  window.location...

			
		

	





	

		

			

				
					
JS实现页面跳转与刷新的方法汇总

				
			

			

				

					10-16
				

			

		

		

			
				
在JavaScript中实现页面跳转与刷新是前端开发中的常见需求，用于控制用户在浏览器中的导航行为。页面跳转是指从当前页面跳转到指定的新页面，而页面刷新则是重新加载当前页面。以下是几种主要的实现方式：  1. `...

			
		

	





	

		

			

				
					
js控制iframe跳转

				
			

			

				

					weixin_33724659的博客
				

				

					11-17
					
					634
					
				

			

		

		

			
				
网页：<iframe src="" id="iframe_a" name="iframe_a" style="width:100%;height:600px"></iframe>
js：　parent.document.getElementById("iframe_a").src="ajax_user_center_mydownload.html";
一句话

转载...

			
		

	





	

		

			

				
					
用js操纵iframe的页面跳转

				
			

			

				

					charles_lau520
				

				

					11-15
					
					324
					
				

			

		

		

			
				
 
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;


&lt;head&gt..

			
		

	





	

		

			

				
					
js 实现iframe页面跳转

				
			

			

				

					purpuck的博客
				

				

					07-12
					
					702
					
				

			

		

		

			
				

			
		

	





	

		

			

				
					
用js实现iframe的页面跳转

				
			

			

				

					weixin_45859411的博客
				

				

					12-23
					
					3847
					
				

			

		

		

			
				
在制作页面的过程中，涉及到导航栏点击后iframe中页面也相应动态更新的问题，找了几个文章都不太通用。因此这里记录一个相对可以通用的方法
<div class = "nav">
//给每个li设置点击事件
	<li onclick = "myFunction(0)">页面1</li>
	<li onclick = "myFunction(1)">页面2</li>
	<li onclick = "myFunction(2)">页面3&lt

			
		

	





	

		

			

				
					
javascript父页面跳转

				
			

			

				

					beingalong的专栏
				

				

					02-23
					
					280
					
				

			

		

		

			
				
window.parent.window.location.href = "URL"; 

 
         window.parent.downloadpic.src = 'images/studet_downpic/xiazai_04.jpg';   
 

			
		

	





	

		

			

				
					
js页面跳转的问题(跳转到父页面,跳转到最外层页面)

				
			

			

				

					nano-dhh
				

				

					04-17
					
					1208
					
				

			

		

		

			
				
js页面跳转的问题(跳转到父页面,跳转到最外层页面) "window.location.href","location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转举例说明：如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写"window.l...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值