js/jquery获取父窗口元素

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","")可以很好的解决这个问题。

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


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

代码语言:javascript
复制
(selector, window.parent.parent.document);</code></pre></div></div><h3 id="96umi" name="3.%E9%82%A3%E4%B9%88%E4%BD%A0%E5%8F%96-%E6%9C%80%E9%A1%B6%E7%BA%A7-%E7%9A%84%E7%88%B6%E7%AA%97%E5%8F%A3%E7%9A%84%E5%85%83%E7%B4%A0%E5%B0%B1%E5%8F%AF%E4%BB%A5%E7%94%A8%EF%BC%9A"><strong> 3.那么你取 最顶级 的父窗口的元素就可以用:</strong></h3><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言:</span>javascript</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-javascript"><code class="language-javascript" style="margin-left:0">(selector, window.top.document);

// 获取第一个 <iframe> 元素 (索引为 0) 的
(selector, window.top.frames[0].document);</code></pre></div></div><h3 id="63hh" name="4.%E9%82%A3%E4%B9%88%E4%BD%A0%E5%8F%96-open%E6%89%93%E5%BC%80%E6%96%B0%E7%AA%97%E5%8F%A3-%E7%9A%84%E5%85%83%E7%B4%A0%E5%B0%B1%E5%8F%AF%E4%BB%A5%E7%94%A8%EF%BC%9A"><strong> 4.那么你取 open打开新窗口 的元素就可以用:</strong></h3><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言:</span>javascript</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-javascript"><code class="language-javascript" style="margin-left:0">(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);</strong></p><p><strong>那么你取父窗口的父窗口的元素就可以用:(selector, window.parent.parent.document);

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

(selector, window.top.document);</strong></p><p><strong>(selector, window.opener.document);

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