使用JS/Jquery获得父窗口的几个方法(笔记)

最新推荐文章于 2024-04-15 15:42:58 发布
最新推荐文章于 2024-04-15 15:42:58 发布
阅读量2k 收藏
点赞数
分类专栏： Web 文章标签： jquery javascript
Web 同时被 2 个专栏收录
15 篇文章 0 订阅
订阅专栏
前端
8 篇文章 0 订阅
订阅专栏 
<pre name="code" class="javascript">取父窗口的元素方法：$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document);



如题： 
$(selector, window.top.document);//获得顶级窗口里面的元素 
$(selector, window.opener.document);//获得打开该窗口的父窗口里面的元素 
$(selector, window.parent.document);//获得父窗口里面的元素 
 
 
window.location.reload()刷新当前页面. 
parent.location.reload()刷新父亲对象（用于框架） 
opener.location.reload()刷新父窗口对象（用于单开窗口） 
top.location.reload()刷新最顶端对象（用于多开窗口）



                

        

        

    




    

      

        

            

              
                
                  當幸福来敲门
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
JS/jQuery实现DIV延时几秒后消失或显示的方法

				
			

			

				

					11-28
				

			

		

		

			
				
本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考，具体如下： 1、最常用的方法（setTimeout）：  [removed] $(function () {  setTimeout(function () {  $("divid").show();  }, ...

			
		

	



                

              
                



	

		

			

				
					
JS与jQuery实现子窗口获取父窗口元素值的方法

				
			

			

				

					11-26
				

			

		

		

			
				
主要介绍了JS与jQuery实现子窗口获取父窗口元素值的方法,涉及javascript与jQuery操作窗口元素的相关技巧,需要的朋友可以参考下

			
		

	



                


  
              

                


	

		

			

				
					
js子窗体与父窗体

				
			

			

				

					nchu2020的专栏
				

				

					11-14
					
					523
					
				

			

		

		

			
				
("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID")；

取父窗口的元素方法：$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent

			
		

	





	

		

			

				
					
父窗体与子窗体调用总结

				
			

			

				

					weixin_30919235的博客
				

				

					05-13
					
					148
					
				

			

		

		

			
				
【总结】
1.使用window.showModalDialog方法
　　父窗体：var retrunValue=window.showModalDialog(...)方法获得子窗体的值
　　子窗体：
　　　　a.获得父窗体控件的值: window.dialogArguments.getElementById(...)
     b.子窗体返回值给父窗体: window....

			
		

	



		

			
		



	

		

			

				
					
jQuery的顶级对象

				
			

			

				

					m0_57835615的博客
				

				

					06-01
					
					379
					
				

			

		

		

			
				
jQuery的顶级对象是$，相当于它是jQuery的别称，在代码中，我们可以使用jQuery来代替$，但伪类方便，我们通常使用$。

示例：




			
		

	





	

		

			

				
					
JQuery 的顶级对象$

				
			

			

				

					weixin_45129218的博客
				

				

					03-30
					
					273
					
				

			

		

		

			
				
是JQuery的别称,在代码中可以使用JQuery代替是JQuery的别称,在代码中可以使用JQuery代替是JQuery的别称,在代码中可以使用JQuery代替,但一般为了方便,通常都直接使用$;
是JQuery的顶级对象,相当于原生JavaScript中的windows,把元素利用是JQuery的顶级对象,相当于原生JavaScript中的windows,把元素利用是JQuery的顶级对象,相当于原生JavaScript中的windows,把元素利用包装成JQuery对象,就可以调用JQuery的方法.

			
		

	





	

		

			

				
					
jQuery第二天笔记

				
			

			

				

					weixin_44235471的博客
				

				

					10-07
					
					180
					
				

			

		

		

			
				
day02 - jQuery

学习目标：
能够操作  jQuery 属性
能够操作  jQuery 元素
能够操作  jQuery 元素尺寸、位置

1.1. jQuery 属性操作
​	jQuery 常用属性操作有三种：prop() / attr() / data() ;
1.1.1 元素固有属性值 prop()
​	所谓元素固有属性就是元素本身自带的属性，比如  元素里面的 href ，比如  元素里面的 type。
语法

​	注意：prop() 除了普通属性操作，更适合操作表单属性：disable

			
		

	





	

		

			

				
					
jQuery学习

				
			

			

				

					练体育的程序员的博客
				

				

					05-26
					
					326
					
				

			

		

		

			
				
目录前言jQuery简介JavaScript库的概念jQuery的优点好处jQuery的版本体验jQueryjQuery中顶级对象jQuery中页面加载事件jQuery对象和DOM对象jQuery对象和DOM对象的区别jQuery对象和DOM对象的相互转换案例选择器jQuery基本选择器jQuery层级选择器jQuery过滤选择器jQuery筛选选择器(方法)jQuery操作样式CSS操作class操作jQuery动画三组基本动画自定义动画动画队列与停止动画jQuery节点操作创建节点添加节点清空节点与删除

			
		

	





	

		

			

				
					
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码

				
			

			

				

					01-19
				

			

		

		

			
				
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取： 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...

			
		

	





	

		

			

				
					
jQuery子窗体取得父窗体元素的方法

				
			

			

				

					01-19
				

			

		

		

			
				
本文实例讲述了jQuery子窗体取得父窗体元素的方法。分享给大家供大家参考。具体如下：

$(#父窗口元素ID,window.parent.document);
对应javascript版本为

window.parent.document.getElementById(父窗口元素ID);
取父窗口的元素方法：

$(selector, window.parent.document);
取父窗口的父窗口的元素就可以用：

$(selector, window.parent.parent.document);
类似的，取其它窗口的方法大同小异
获取iframe父窗体元素：

$(sele

			
		

	





	

		

			

				
					
解析jquery获取父窗口的元素

				
			

			

				

					01-21
				

			

		

		

			
				
(“#父窗口元素ID”,window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x(“父窗口元素ID”)；取父窗口的元素方法：$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document);类似的，取其它窗口的方法大同小异$(selector, window.top.document);$(selector, window.opener.document);$(s

			
		

	





	

		

			

				
					
js/jquery解析json和数组格式的方法详解

				
			

			

				

					12-01
				

			

		

		

			
				
在解析之前，我们必须弄清楚几个概念：数组，关联数组以及json之间有哪些区别和联系点？ 一.概念介绍1.数组 语法： ECMAScript v3规定了数组直接量的语法，JavaScript 1.2和JScript 3.0实现了它。可以把—个用逗号...

			
		

	





	

		

			

				
					
javascript/jquery实现点击触发事件的方法分析

				
			

			

				

					10-16
				

			

		

		

			
				
主要介绍了javascript/jquery实现点击触发事件的方法,结合具体实例形式分析了JavaScript与jQuery针对点击按钮触发事件的相关实现与使用技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
js禁用所有的input

				
			

			

				

					Rockandrollman的博客
				

				

					04-11
					
					307
					
				

			

		

		

			
				
要在JavaScript中禁用所有的input元素，您可以使用document.querySelectorAll方法来选择所有的input元素，然后使用一个循环来为它们设置disabled属性。这段代码将会禁用页面上所有的input元素。

			
		

	





	

		

			

				
					
使用 Fetch API 执行 GraphQL 查询和变体

					
最新发布

				
			

			

				

					ikxin的博客
				

				

					04-15
					
					745
					
				

			

		

		

			
				
GraphQL 是从远程服务器查询数据的强大工具，也是我构建 API 的首选方式。对一些人来说，学习它可能有一定难度，因为教程通常使用 Apollo 或 Relay 等工具进行编写。这些工具很不错，但通常更适用于复杂项目。在某些情况下，最好选择更轻量级的方法，并且不要通过添加额外的库增加包大小。在这种情况下，你可以直接使用浏览器中提供的工具，在本快速教程中，我们将使用在你的浏览器中通常可用的fetch。让我们首先简单地回顾一下fetch。

			
		

	





	

		

			

				
					
基于Springboot+Vue的Java项目-旅游网站系统(附演示视频+源码+LW)

				
			

			

				

					2301_77929200的博客
				

				

					04-11
					
					1100
					
				

			

		

		

			
				
网上旅游网站网络互动实现了个人中心、用户管理、路线分类管理、旅游路线管理、最新路线管理、系统管理、订单管理管理等信息处理和传递、资源信息交流的共享和下载，使得旅游网站效率得到了极大的提高。

			
		

	





	

		

			

				
					
js的filter函数

				
			

			

				

					xiaohua0708day的博客
				

				

					04-14
					
					181
					
				

			

		

		

			
				
这个函数接收数组中的每个元素作为参数，并检查该元素是否是偶数。如果是偶数，函数返回。是一个数组方法，它创建一个新数组，其包含通过提供的函数实现的测试的所有元素。函数遍历数组中的每个元素，并只将那些使测试函数返回。在这个箭头函数版本中，我们直接返回了表达式。在上面的代码中，我们传递了一个匿名函数给。方法就会将该元素包含在新数组中。，则该元素会被包含在新数组中。在JavaScript中，的元素包含在新数组中。

			
		

	





	

		

			

				
					
【300套】基于Springboot+Vue的Java实战开发项目(附源码+演示视频+LW)

				
			

			

				

					2301_77929200的博客
				

				

					04-12
					
					1335
					
				

			

		

		

			
				
🧡今天给大家分享300+的Java毕业设计，基于Springboot+vue框架，这些项目都经过精心挑选，涵盖了不同的实战主题和用例，可做毕业设计和课程设计参考。✍️除了源码，对于大部分项目实现的功能都有相应的介绍，并且配有演示视频，方便大家根据自己的需要择优下载学习。💂另外如有定制需求或者想要相对应的论文参考，文末可以十我VX联系。🤝后续还会持续更新，欢迎关注！

			
		

	





	

		

			

				
					
js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法

				
			

			

				

					08-25
				

			

		

		

			
				
### 回答1：
可以使用以下方法来判断是否在 iframe 中：

```javascript
if (window.self !== window.top) {
  // 在 iframe 中
} else {
  // 不在 iframe 中
}
```

在 jQuery 中，可以使用 `parent` 方法来调用 iframe 父页面的元素和方法：

```javascript
// 获取父页面的元素
$(parent.document).find('#elementId');

// 调用父页面的方法
parent.methodName();
```  

### 回答2：
要判断当前页面是否在iframe中，可以使用JavaScript的window对象的top属性来判断。如果top属性等于自身window对象，那么证明当前页面不在任何iframe中；如果top属性不等于自身window对象，那么证明当前页面在一个iframe中。

示例代码如下：
```javascript
if (window.top === window){
    console.log("当前页面不在任何iframe中");
} else {
    console.log("当前页面在一个iframe中");
}
```

要在iframe中调用父页面的元素和方法，可以使用jQuery的parent()方法或者window.parent来获取父页面的元素或窗口对象，然后通过对象的方法来进行操作。

示例代码如下：
```javascript
// 使用parent()方法获取父页面元素并进行操作
$("button", parent.document).click(function(){
    // 在父页面中查找<button>元素，并添加点击事件处理函数
    alert("在父页面中点击了按钮");
});

// 使用window.parent获取父页面窗口对象并进行操作
window.parent.postMessage("Hello from iframe", "*");
// 向父页面发送跨域消息
```

注意：在跨域的情况下，使用postMessage方法向父页面发送消息时，需要指定目标窗口的origin，以保证安全性。  

### 回答3：
在JS中，可以通过window对象的top属性判断当前页面是否在iframe中。若top属性等于当前window对象本身，则表示当前页面不在任何iframe中；若top属性指向其他window对象，则表示当前页面在一个iframe中。

以下是通过JS代码判断是否在iframe中的示例：

```javascript
if (window.top === window.self) {
  console.log("当前页面不在iframe中");
} else {
  console.log("当前页面在iframe中");
}
```

当需要在iframe中的页面中调用父页面的元素或方法时，可以使用jQuery来实现。jQuery可以通过使用窗口对象的parent属性来访问父页面的元素或方法。

以下是通过jQuery调用父页面的元素或方法的示例：

```javascript
// 在iframe中调用父页面的元素
var parentElement = $(parent.document).find("#elementId");

// 在iframe中调用父页面的方法
parent.myFunction();
```

在以上示例中，通过$(parent.document)来选择父页面的DOM元素，再通过find()方法选择特定的元素。若需要调用父页面的方法，则使用parent对象直接调用方法即可。通过这种方式，可以在iframe中与父页面进行交互。

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值