今天总结一下js中几个对象的区别和用法：

1.首先来说说 parent.window与top.window的用法

"window.location.href","location.href"    是本页面跳转

"parent.location.href"                    是上一层页面跳转

"top.location.href"                       是最外层的页面跳转

举例说明：
如果A,B,C,D都是窗口，D是C的iframe，C是B的iframe，B是A的iframe，

D ->  C  ->  B-> A  框架顺序  A是最外层的框架

如果D中js这样写

"window.location.href"、"location.href"：        D页面跳转

"parent.location.href"：                         C页面跳转

"top.location.href"：                            A页面跳转

现在终于明白了连接的时候target的用法了：

_blank： 重新打开一个窗口

_parent：父窗口执行重定向

_self：  自身页面重定向

_top:    第一个父窗口重定向

综上所述可知：parent.window:父窗口对象 top.window:第一个父窗口的对象

window.parent 是iframe页面调用父页面对象，当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取；

例子如下：
A.html

<html>

<head>

<title>父页面</title>

</head>

<body>

<form id="form1" action="">

<div>

输入值：

<input type="text" name="username" id="username" /><br />

<iframe src="b.html" width="400px" height="300px"></iframe>

</div>

</form>

</body>

</html>

B.html

<html>

<head>

<script type="text/javascript">

function getpValue()

{

document.getElementByIdx_x_x_x("span1").innerText=window.parent.document.getElementByIdx_x_x_x("username").value;

}

</script>

</head>

<body>

<span>文本框值为：</span><span id="span1"></span><br />

<input type="button" value="获取父窗口内的文本框值" onclick="getpValue();">

</body>

</html> 
document.frames对象可以引用iframe里的页面,也可以引用frameset里的页面.

可以这样

document.frames[0].document.getElementById('xx');

可以这样

document.frames[0].document.body.innerHTML;

window.opener 是window.open或超链接<a> 打开的子页面调用父页面对象

例子如下
a.html

<html>

<head>

<title>父页面</title>

<script type="text/javascript">

function openB()

{

window.open('b.html','b','width=400,height=200,status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=200,top=100');

}

</script>

</head>

<body>

<form id="form1" action="">

<div>

输入值：

<input type="text" name="username" id="username" /><br />

<input type="button" value="打开窗口B" onclick="openB();" /><br />

<a href="b.html" target="_blank">超链接打开B页面</a>

</div>

</form>

</body>

</html>

b.html

<html>

<head>

<script type="text/javascript">

function getpValue()

{

document.getElementByIdx_x_x_x("span1").innerText=window.opener.document.getElementByIdx_x_x_x("username").value;

}

</script>

</head>

<body>

<span>文本框值为：</span><span id="span1"></span><br />

<input type="button" value="获取父窗口内的文本框值" onclick="getpValue();">

</body>

</html>

window.parent与window.openner 之前的总结的更多相关文章

  1. window.parent与window.openner区别介绍

    今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href"."locati ...

  2. window.parent与window.openner

    window.parent与window.openner区别介绍 作者: 字体:[增加 减小] 类型:转载 今天总结一下js中几个对象的区别和用法,对这几个概念混淆的朋友可以看看 今天总结一下js中几 ...

  3. JavaScript中，window.opener是什么？window.parent和window.opener有啥区别？

    来自CSDN的问答: window.opener是什么啊? ++++++++++++++++++++++++++++++++++++++++++++++++++ 弹出本窗体的句柄 比如你想点一个按钮直 ...

  4. window.parent与window.opener的区别

    有这样一个需求,弹出一个新窗口 并从该新页面的select选择框中选择需要的类别,再返回到之前的父窗口页面的某个文本框中.这里就要用到window.parent和window.opener 如题两种方 ...

  5. （转）window.parent和window.opener区别

    下面一段代码是关于window.parent和window.opener区别 来讲的,我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElemen ...

  6. window.parent 与 window.opener

    window.parent针对iframe,window.opener针对window.open 父页面parent.jsp: <%@ page language="java" ...

  7. window.parent与window.opener的区别与使用

    window.parent 是iframe页面调用父页面对象 举例: a.html 如果我们需要在b.html中要对a.html中的username文本框赋值(就如很多上传功能,上传功能页在ifrma ...

  8. window.parent 与 Window.top

    window.parent 返回当前窗口的父窗口对象. 如果一个窗口没有父窗口,则它的 parent 属性为自身的引用. 如果当前窗口是一个 <iframe>, <object> ...

  9. window.parent 、window.top及window.self 详解

    在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口. 1. window.self ...

随机推荐

  1. VS快速格式化代码

    Ctrl+E,D快速对所有文档进行格式化 Ctrl+E,F快速对选中内容进行格式化

  2. nginx 负载均衡服务器的双机搞可用

    摘自书籍:<实战Nginx取代Apache高性能Web服务器>一书 P94 两种方式实现 一种方式是公司里的一台web服务器作为主服务器,另一台服务器作为热备服务器 主服务器绑定一个虚拟I ...

  3. 5.Android之image控件学习

    Android中经常用到图片,比如图片浏览.图标等等,今天学习下image控件,image控件主要有ImageButton和ImageView两种. (1)ImageButton 在布局文件增加: & ...

  4. BZOJ-3228 棋盘控制 线段树+扫描线+鬼畜毒瘤

    3228: [Sdoi2008]棋盘控制 Time Limit: 10 Sec Memory Limit: 128 MB Submit: 23 Solved: 9 [Submit][Status][D ...

  5. on the way to Peking University

    明天就要去北京参加北大夏令营了,希望这次能有所斩获! on the way to Peking University

  6. Android 设计模式 之 单例模式

    http://blog.csdn.net/fangchongbory/article/details/7734199   目录(?)[+] 单例模式常见情景 首先实现1中的单例模式A 实现2中单例模式 ...

  7. centos6.3配置MFS服务器

    一.简介 MooseFS(Moose File System,mfs)是一种分布式文件系统,它将数据分布在网络中的不同服务器上,支持FUSE(用户空间文件系统Filesystem in Userspa ...

  8. httpd设置HTTPS双向认证

    去年用tomcat.jboss配置过HTTPS双向认证,那时候主要用的是JDK自带的keytool工具.这次是用httpd + openssl,区别比较大 在网上搜索了很多文章,发现全面介绍的不多,或 ...

  9. 汇文Libsys图书管理系统全版本权限绕过+getshell

    由于一个很低级的代码错误,导致可以登录Libsys任意图书系统后台,并且由于代码未做过滤可直接getshell. 该图书管理系统的用户量很大,全国很大一部分院校都在使用此系统.经测试3.5-5.0版本 ...

  10. php排序 sort、rsort、asort、arsort、ksort、krsort

    sort() 函数用于对数组单元从低到高进行排序. rsort() 函数用于对数组单元从高到低进行排序. asort() 函数用于对数组单元从低到高进行排序并保持索引关系. arsort() 函数用于 ...