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

最新推荐文章于 2021-12-08 10:17:44 发布
最新推荐文章于 2021-12-08 10:17:44 发布
阅读量2.2k 收藏
点赞数
分类专栏： 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丶码农
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
JS/JQUERY（6）——JS中window对象的top，parent，opener含义

				
			

			

				

					weixin_30251829的博客
				

				

					04-05
					
					580
					
				

			

		

		

			
				
1.top
　　该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。　　/**　　 *　打开新的子页面　　 */　　var url = "./LoadAssetCard.jsp";   openWindow(strjsp);　　/**　　 *　子页面返回父页面，并将value返回父页面的  afterQuery()方法中　　 */　　var...

			
		

	



                

              
                



	

		

			

				
					
在父页面调用iframe子页面的JS方法

					
热门推荐

				
			

			

				

					heartbeaty的专栏
				

				

					02-18
					
					4万+
					
				

			

		

		

			
				
parent

 function parentFunction() {
  alert('function in parent');
 }
 function callChild() {
  child.window.childFunction();
  /*
   child 为iframe的name属性值，
   不能为id，因为在FireFox下id不能获取iframe对象
  */
 }

			
		

	



                


  
              

                


	

		

			

				
					
parent.fraInterface.xxxxxx

				
			

			

				

					weixin_33810302的博客
				

				

					03-08
					
					848
					
				

			

		

		

			
				
fraInterface是自己定义的一个frame的名字,是通过在frame标签中设置name属性实现的.以上那句代码就是通过parent这个公共接口在各个frame间，也就是调用拥有同一个父亲的名为franInterface的frame。
转载于:https://www.cnblogs.com/liuhappy/p/10496799.html...

			
		

	





	

		

			

				
					
iframe父子页面相互调用js方法

				
			

			

				

					yunliupan的专栏
				

				

					11-29
					
					772
					
				

			

		

		

			
				
当父页面和子页面都属于同一个域下，那么它们之间js方法是可以相互调用的。在调用方法前指定function所属对象即可，父页面获取iframe所属对象方法为：iframe的name.window,iframe页面获取父页面的对象为parent的。具体例子如下：
父页面：parent.html





parent

    function parentFunction() {

			
		

	



		

			
		



	

		

			

				
					
js 框架页面跳转(target)

				
			

			

				

					cc_yy_zh的博客
				

				

					12-22
					
					3169
					
				

			

		

		

			
				
1.跳出框架，在父页面。
<script language="javascript"> 
window.parent.frames.location.href="../welcome.en" 
</script>2.从一个框架跳转到 name="main" 的框架里<script language="javascript"> 
var key = document.getElementById("

			
		

	





	

		

			

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

				
			

			

				

					sqlservercaonima的博客
				

				

					03-08
					
					2406
					
				

			

		

		

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

...

			
		

	





	

		

			

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

				
			

			

				

					10-22
				

			

		

		

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

			
		

	





	

		

			

				
					
在vue中实现嵌套页面(iframe)

				
			

			

				

					10-15
				

			

		

		

			
				
如果`iframe`需要从Vue父页面获取数据，可以通过传递URL参数或者使用`postMessage` API来实现跨窗口通信。以下是一个简单的请求示例：  ```javascript function PcCommon() {  this.baseUrl = 'https://xxxxxxx'; //...

			
		

	





	

		

			

				
					
Iframe页面请求跳转问题解决

				
			

			

				

					05-31
				

			

		

		

			
				
首先在父页面的javascript给定义一个window.name，并赋予一个字符串值，如window.name="test"，其中赋予的字符串值可以随意定义，然后在Iframe页面的Form 标签中定义target属性，并且其值也必须与之前定义的window....

			
		

	





	

		

			

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

				
			

			

				

					01-30
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					01-19
				

			

		

		

			
				
“[removed].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这样写 “[removed].href”、”location.href”：D页面跳转 “parent.location.href”：C页面跳转 “top.location.href”：A页面跳转 如果D页面中有form的话, <form>: form提交后D

			
		

	





	

		

			

				
					
MulLine.js的使用说明

				
			

			

				

					11-01
				

			

		

		

			
				
对MulLine.js的使用做了一些详细的说明，有需要学习的话可以下载哦

			
		

	





	

		

			

				
					
谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip

				
			

			

				

					05-14
				

			

		

		

			
				
谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip，欢迎下载！！！

			
		

	





	

		

			

				
					
js 有框架页面跳转(target)三种情况下的应用

				
			

			

				

					10-27
				

			

		

		

			
				
例如，以下两种代码示例展示了如何使用JavaScript进行父页面跳转：  - JSP: ```jsp <script language="javascript">  window.parent.frames.location.href="../welcome.en";  ```  - Java Servlet: ```java ...

			
		

	





	

		

			

				
					
frame与frameset

				
			

			

				

					米二DeFans
				

				

					03-08
					
					930
					
				

			

		

		

			
				
一 简介

frame与frameset都是HTML页面元素标签。frame是框架的意思，而frameset是框架集合的意思。 
一个framset可以包含一个或多个framset。简单的理解frame就是一个矩形框，而framset就是矩形框集合。



二 名词解释

frameset:name：框架的名称 
rows：每个frame行所站比例 
cols：每个frame列所站比例 
fram...

			
		

	





	

		

			

				
					
简单方法实现Form 无刷新提交表单

				
			

			

				

					九里的专栏
				

				

					12-12
					
					2850
					
				

			

		

		

			
				
前几天遇到一个前端的问题。我希望提交表单后页面不跳转且不刷新当前页面，然而查了很多方法都没有解决。 
由于Form 是提交后一定刷新页面的，所以我们可以用一个折中的办法。我们给Form 指定一个iframe，这样表单提交后刷新的就是我们指定的iframe 而不是页面了。



iframe id="fraSubmit" name="fraSubmit" style="display:none;"

			
		

	





	

		

			

				
					
使用iframe框架时，在子页面内跳转--＞让父页面跟着一起跳转

				
			

			

				

					m0_55546349的博客
				

				

					12-08
					
					5326
					
				

			

		

		

			
				
使用iframe框架时，在子页面内跳转–>让父页面跟着一起跳转
由于开发需要，很多时候需要使用到iframe框架，即子页面，子页面使用是挺方便的，但如果在子页面内需要跳转整个页面时就会出现问题。
比如：如果在页面内判断登录状态时，发现还未登录时需要自动跳转到登录页面。但是会页面嵌套！
即：登录页面也嵌套在了父级页面中，这就不符合需求了。
解决：
在js中跳转，window.location.href()；这就尴尬了，因为window这种跳转是没有target属性的，这时，你可以使用取个巧，让父页面跟着

			
		

	





	

		

			

				
					
iframe内部跳转让父级页面跳转

				
			

			

				

					weixin_44727080的博客
				

				

					03-01
					
					3202
					
				

			

		

		

			
				
前言：

   在使用iframe的时候，会出现跳转一直在iframe里面的情况，很多时候我们需要跳出iframe然后去他的父级跳转，这种情况下应该怎么做呢，我们在这里说一说它的方法.

首先是我们正常的跳转：（在iframe不行，内部来跳，类型a标签的href）


window.location.href

其次：我们来说下iframe，父级跳转方法：


parent.locatio...

			
		

	





	

		

			

				
					
Layui实现页面内部的iframe跳转

					
最新发布

				
			

			

				

					07-28
				

			

		

		

			
				
要在页面内部使用 iframe 进行跳转，可以使用 Layui 提供的 `element.tabAdd` 和 `element.tabChange` 方法来实现。  首先，在 HTML 中定义一个包含 iframe 的容器，例如：  ```html     <iframe src="page1....

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值