| 标题 | window.parent与window.opener的区别与使用 |
| 内容 | 1、window.parent 是iframe页面调用父页面对象 举例: a.html <html> <head><title>A</title></head> <body> <form name=”form1″ id=”form1″> <input type=”text” name=”username” id=”username”/> </form> <iframe src=”b.html” width=100%></iframe> </body> </html> 如果我们需要在b.html中要对a.html中的username文本框赋值（就如很多上传功能，上传功能页在ifrmae中，上传成功后把上传后的路径放入父页面的文本框中），我们应该在b.html中写： <script type=”text/javascript”> var _parentWin = window.parent; _parentWin.form1.username.value = “xxxx”; </script> 2、window.opener 是 window.open 打开的子页面调用父页面对象 opener：对打开当前窗口的window对象的引用，如果当前窗口被用户打开，则它的值为null。 self代表自身窗口，opener代表打开自身的那个窗口，比如窗口a.html打开窗口b.html。如果靠window.open方法，则对于窗口b.html，self代表b.html自己，而opener代表窗口a.html。 举例：a.html <input type=”text” name=”username” id=”username”/> <a onclick=”window.open(this.href,”,’resizable=yes,width=800,height=600,status’); return false” href=”b.html”>B</a> 如果需要在b.html中对a.html中的表单元素赋值，我们应该在b.html中这么写 <a href=”javascript:try{window.opener.document.getElementById(‘username’).contentWindow. frames[0].document.getElementsByTagName(‘body’)[0].innerHTML+=’xxx‘}catch(e){};window.close();“>插入</a> 在后面用window.close关闭b.html。WindsPhoto 2.7.3 中在文章编辑页面弹出新窗口（图片列表）后，选择插入已上传图片便是如此实现的。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。