js中window.opener和window.parent的用法

参考: http://blog.csdn.net/u014625500/article/details/26867933

1.window.self就表示当前打开的窗口
2.window.top就表示最顶层的窗口(假如说你在一个窗口里面有嵌套了其他一些窗口,那么top就表示这个最顶层的窗口)
3.window.parent----是iframe页面调用父页面对象
  举例;
  a.html
  <html>
  <head><title>父页面</title></head>
  <body>
  <form name="form1" id="form1">
  <input type="text" name="username" id="username"/>
  </form>
  <iframe src=\‘#\‘" width=100%></iframe>
  </body>
  </html>
  需求:如果我们要在b.html中要对a.html中username文本框赋值,
  就如很多上传功能,上传功能也在Iframe中,上传成功后把上传后
  的路径放到父页面中文本框中去。
  
  那我们就应该在b.html中写;
  <script type="text/javaScript>
  var _parentWin=window.parent;
  _parentWin.form1.username.value="xxxx";
  </script>

4.window.opener----是window.open打开的子页面对象调用父页面对象
   self代表自身窗口,是对当前window对象的引用,与window属性同义
   opener:代表打开自身的那个窗口,比如窗口A打开窗口B,如果靠window.open方法,
   则对于窗口B,self代表B自己,而opener窗口代表A

Parent对象、Frame对象、Document对象和Form对象的阶层关系-----id
Window对象→Parent对象→Frame对象→Document对象→Form对象,如下:
parent.frame1.document.forms[0].elements[0].value;

时间: 2024-11-01 16:18:27

js中window.opener和window.parent的用法的相关文章

document.referrer的使用和window.opener 跟 window.parent 的区别

偶尔看到了document.referrer,之前一直有点疑惑与window.opener 和 window.parent之间的区别 首先查了一下w3cSCHOOL, 上面的解释:referrer 属性可返回载入当前文档的文档的 URL. 但是解释中没有写怎么载入才能用referrer, 翻看了几篇文章,终于搞懂了. window.opener是当前页面A通过open方法弹出一个窗口B,那在B页面上 window.opener就是A window.parent是当前页面C通过location.h

js中哈希表的几种用法总结

本篇文章只要是对js中哈希表的几种用法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1. <html> <head> <script type="text/javascript"> // by Go_Rush(脚本之家) from http://www.jb51.net/ var hash={ "百度" :"http://www.baidu.com/", "Google" :

JS中的call()方法和apply()方法用法总结

JS中的call()方法和apply()方法用法总结  : 参考   :     https://blog.csdn.net/ganyingxie123456/article/details/70855586 原文地址:https://www.cnblogs.com/wfblog/p/9169026.html

window.opener和window.open的使用

window.opener是指调用window.open方法的窗口.window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为"name"的textbox中,就可以写为:window.opener.document.getElementById("name").value = "输入的数据";在工作中主要是用来解决部分提

js中return,return true,return false的用法及区别

1.语法及返回方式 ①返回控制与函数结果         语法为:return 表达式;         语句结果函数的执行,返回调用函数,而且把表达式的值作为函数结果返回出去 ②返回控制无函数结果         语法为:return;         在大多数情况下,为事件处理函数如果让其返回false,可以防止默认的事件行为.例如,默认情况下,点击一个<a>标签元素,页面会跳转到该元素href属性指定的页. 而return false就相当于终止符,return true就相当于执行符.

JS 中document.URL 和 window.location.href 的区别

实际上,document 和 window 这两个对象的区别已经包含了这个问题的答案. document 表示的是一个文档对象,window 表示一个窗口对象. 一个窗口下面可以有很多的document对象.每个document 都有 一个URL. 但是,这不是所有的区别.当你ctrl + F5 一个链接 http://yourhost.com/#fragment 打印 alert(document.URL ); 和 alert(window.location.href); 发现,这两个的值不一

JS中document对象和window对象有什么区别

简单来说,document是window的一个对象属性.Window 对象表示浏览器中打开的窗口.如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象.所有的全局函数和对象都属于Window 对象的属性和方法.document 对 Document 对象的只读引用.

Js中的this和window.event.srcElement

我们先看一个简单的例子: <input type="text" onblur="alert(this.value)"/>完全没有问题. 那么什么情况下不可以用? fuction method() {    alert(this.value); } <input type="text" onblur="method()"/>这个就不可以,因为method()是被响应函数调用的函数. 那么这种情况下怎么办?

js中top.location.href、parent.location.href用法

window.location.href.location.href是本页面跳转 parent.location.href是上一层页面跳转 top.location.href是最外层的页面跳转 举例说明: window.location.href.location.href: 例:  代码如下 复制代码 window.location.href= 'wapsend1.asp?zimu=A&rev= '   +   form1.rev.value ; parent.location.href:C页