前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js/jquery获取父窗口元素

js/jquery获取父窗口元素

作者头像
Jensen_97
发布2023-07-19 16:56:59
6110
发布2023-07-19 16:56:59
举报
文章被收录于专栏:技术客栈技术客栈

1.取 父窗口 的元素方法:

代码语言:javascript
复制
$(selector, window.parent.document);
 
// 例子:
var topWindow = $(window.parent.document);
$('.mainContent iframe', topWindow).attr("name"); // 获取class为 .mainContent 下的iframe中属性名为:name 的值
 
// 获取父窗口,windos当前的, <iframe>, 属性名为 uploadFrame 的。document 为对象。sb 为方法函数
frm = window.parent.window.frames['uploadFrame'];
frmDocument = frm.document;
frm.sb(3); //sb 是uploadFrame页面里的一个函数

做WEB前端开发的过程中,经常会有这样的需求,用户点击【编辑】按钮,弹出一个对话框,在里边修改相应的值,然后把修改后的值显示在原页面,最后点击保存。用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。

$("#parent", window.parent.document).val($val);//jQuery写法给父页面传值


2.那么你取 父窗口的父窗口 的元素就可以用:

代码语言:javascript
复制
$(selector, window.parent.parent.document);

3.那么你取 最顶级 的父窗口的元素就可以用:

代码语言:javascript
复制
$(selector, window.top.document);
 
// 获取第一个 <iframe> 元素 (索引为 0) 的
$(selector, window.top.frames[0].document);

4.那么你取 open打开新窗口 的元素就可以用:

代码语言:javascript
复制
$(selector, window.opener.document);

5.获取导航到当前网页的超链接所在网页的URL:

如果要显示某一个网站的超链接跳转到你的网站你可以如下:

代码语言:javascript
复制
var refurl=document.referrer; 
if(refurl.indexOf("wowgame")>-1){ 
   alert("你的来源网址为:【"+document.referrer+"】目前本站与该站已终止合作。"); 
   location.replace(refurl); 
}

6. js操作窗口解说:

  1. frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面.
  2. self和window代表本窗口,parent代表父框架,而top代表最顶层框架,如果页面不含框架,则这几个对象相同,如果只含有一层框架,则parent等于top,另外,self和window可以省略

取父窗口的元素方法:$(selector, window.parent.document);

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

类似的,取其它窗口的方法大同小异

$(selector, window.top.document);

$(selector, window.opener.document);

$(selector, window.top.frames[0].document);

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.取 父窗口 的元素方法:
  • 2.那么你取 父窗口的父窗口 的元素就可以用:
  • 3.那么你取 最顶级 的父窗口的元素就可以用:
  • 4.那么你取 open打开新窗口 的元素就可以用:
  • 5.获取导航到当前网页的超链接所在网页的URL:
  • 6. js操作窗口解说:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档