[HTML]子父窗口的相互操作

最新推荐文章于 2023-06-25 09:13:17 发布
最新推荐文章于 2023-06-25 09:13:17 发布
阅读量560 收藏
点赞数
分类专栏： HTML js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq807081817/article/details/45313831
版权
HTML 同时被 2 个专栏收录
12 篇文章 0 订阅
订阅专栏
js
9 篇文章 0 订阅
订阅专栏

iframe

调用父窗口方法

  • window.parent.window.function();

window.open

获取父窗口元素

  • window.opener.document.getElementById();

  • $(“#id”,window.opener.document); // jQuery

还有不同浏览器之间的兼容性问题，也暂时不做记录。

先记这些，以后再补充~

涛锅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html操作父窗口,JavaScript父窗口与子窗口之间的操作总结---window.open篇
weixin_29181861的博客
06-28 433
1.父窗口对子窗口操作打开：varwin=null;win=window.open("Open.html","win","width=200,height=200");最大化：//窗口最大化functionSonMaximize(){if(win&&win.open&&!win.closed){win.moveTo(-4,-4);win.resizeTo(scr...
html子页面调用父页面的方法
热门推荐
zww学习笔记
09-26 2万+
不做过多的介绍了，直接看代码吧。 父页面：<!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <script language="javascript" type="text/javascript"> function sayhello() {
html 获得父父页面的值,iFrame 框架子页面获取父级元素窗口以及高度 - 文章教程...
weixin_39870155的博客
06-04 769
iFrame 虽然在我们现在的网页中用的不多，不过依然无法捍卫其使用便捷的地位，特别是编写后台的时候，实现局部的网页内容刷新，提高网页内容的复用性。iFrame 里的 JavaScript 要操作父级窗口的 DOM 元素，必须搞懂几个对象：parent 是父窗口(如果窗口是顶级窗口，那么 parent == self == top)top 是最顶级父窗口(有的窗口中套了好几层 frameset 或...
子页面使用父页面的方法
最新发布
mkmmkkghhhhhhhh的博客
06-25 1376
一个场景，在子页面需要调用父页面的方法时，查了很多很多现有的方法，在子页面直接调用父页面的方法这种会有一些跨页面的问题，所以对于这个方法我进行优化。需要注意的是，由于同源策略的限制，子页面只能访问同源的父页面。否则，因为安全策略的限制，可能无法调用父页面的方法。相当于给父页面的根节点添加消息监听事件，子页面发送信息的时候，就触发相对应的事件。这样，子页面点击按钮时会发送一个消息给父页面，父页面接收到消息后触发相应的事件。下面我先介绍第一种方法，子页面直接调用父页面的方法。属性访问父页面中的方法。
html 弹出窗口与父窗口交互
Jimmybly Lee 的专栏
09-12 1万+
有3中方法可以弹出子窗口：传值的关键是在子窗口中如何获取父窗口对象1、window.openwindow.open(test.htm,title,height=100,width=200,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no);在test.htm可以通过va
【JS】HTML子页面与父页面相互跳转
m0_62811051的博客
12-05 1258
之前的项目中我在写个人资料和修改资料的时候，将子页面嵌套在父页面中，但由于先写的修改资料以及中间上传头像的页面及跳转，导致没有意识到将其嵌套在父页面中会导致跳转到的上换头像的页面也嵌套在其中，导致页面被遮挡住，如下图： 这里跳转页面我是这样写的： 解决 改成下面这样就可以从子页面跳转到新的父页面了 当然如果页面当中有自定义的 frame 的话，也可以将 parent、self、top 换为自定义 frame 的名称 ，效果就是在自定义 frame 窗口打开url。这里 window 和
HTML中IFrame父窗口与子窗口相互操作
07-08
以下将详细介绍如何在HTML中进行`<iframe>`父窗口与子窗口之间的交互操作。 首先，我们来看一些通用的方法： 1. **获取子窗口的值**： 使用`document.frames`对象（在IE中）或`contentDocument`属性（在非IE浏览...
子窗口、父窗口和Silverlight之间的相互调用
09-05
总结起来，子窗口、父窗口和Silverlight之间的相互调用是Web开发中的常见需求，通过正确地利用JavaScript的特性以及Silverlight提供的API，可以轻松实现这种跨元素的通信。理解并掌握这些技术对于构建复杂的Web应用...
HTML-01-第10章 DOM和BOM.pptx
11-25
- 父节点与子节点：父节点包含子节点，如`<body>`是`<p>`的父节点。 - 同胞节点：同一级别的节点，例如`<p>`和`<div>`在`<body>`下是同胞。 4. DOM节点的访问与操作 - `getElementById()`：通过指定ID获取元素，...
cmd操作命令和linux命令大全收集
04-24
start 程序名或命令 /max 或/min 新开一个新窗口并最大化（最小化）运行某程序或命令 mem 查看cpu使用情况 attrib 文件名（目录名） 查看某文件（目录）的属性 attrib 文件名 -A -R -S -H 或 +A +R +S +H 去掉...
Web程序开发：第15章 DOM操作.pdf
06-18
每个节点都有其特定的关系，如父节点、子节点和同胞节点，形成了层次分明的结构。例如，<html>是根节点，和是它的子节点，而和则是的子节点，它们之间为同胞关系。 15.3 DOM编程接口 DOM编程接口提供了JavaScript与...
两个页面子页面（essc_sub.html）和父页面（essc_main.html）
08-16
mui 双webview的上拉加载和下拉刷新和poppicker一起时候使用的问题以及解决的两个页面的源码
html加载iframe子窗口及数据 子窗口获取父窗口
一个草根敲键盘的故事
03-29 4485
主窗口 <script type="text/javascript"> //jQery动态修改url $('#IframeID').attr("src","/mPath/mTable/Form"); //js动态修改url document.getElementById("IframeID'").contentWindow.locati...
html获取父窗口的对象,js子窗口调用父窗口函数并传递对象给父窗口的方法
weixin_42505576的博客
06-09 288
--父窗口无标题页function OpenWin(){window.open("child.aspx","new")}function shuaxin(obj)//obj是接收到的对象{alert(obj.name);//获取对象属性。}function shuaxinb(){window.location.href=window.location.href;}父窗口--子窗口无标题页funct...
html子页面获取父页面js方法
ChiG分享生活，分享知识
05-16 3902
1.最近在写项目有很多可以拿出来分享 html子页面获取父页面js方法 //window.parent.后面跟着父类js中的方法， window.parent.getLoginUser();
html父子页面(弹框)的实现和交互[通信]
weixin_33895016的博客
01-23 827
html页面，有的时候不是直接一个页面，一连串(或并行)页面的结束，为了提高用户体验或完成某种功能需要父子页面(或窗口)来实现，或者父子，兄弟窗口来完成。本文主要介绍： html父子页面(弹框)的实现和交互[通信] 实现简单业务介绍： 1.父页面，点下“注册”按钮，按钮锁定，并弹框； 2.父页面隐藏域的值“欢迎...
jquery 父页面查找iframe子页面内容 子页面内容查找父页面内容
meizhiyun的专栏
05-03 688
转载自：http://www.cnblogs.com/mybest/archive/2011/12/02/2271940.html   父页面代码 ? html> head> meta charset="utf-8"> title>无标题文档title> script type="text/javascript" sr
html中父子窗口关系
代码将军
11-30 1859
父窗口pare.htm HTML>HEAD>TITLE>showModelessDialogEX.htmTITLE>    SCRIPT>...        var sUserName="";        var ss="woaini ";        function fnCallDialog()         ...{        showModelessDialog
父窗口与子窗口
05-28
在Web开发中，我们可以通过`iframe`元素来嵌入其他的HTML页面，这时候就会出现父窗口和子窗口的概念。 父窗口是包含`iframe`元素的页面，也就是当前浏览器窗口中显示的页面。子窗口则是被嵌入到`iframe`元素中的...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值