window.parent,top,window.self,parent,opener

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。

window.self

功能:是对当前窗口自身的引用。它和window属性是等价的。

语法:window.self

注:window、self、window.self是等价的。

window.top

功能:返回顶层窗口,即浏览器窗口。

语法:window.top

注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。

window.parent

功能:返回父窗口。

语法:window.parent

注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。

判断当前窗口是否在一个框架中:

<script type="text/javascript"> var b = window.top!=window.self; document.write( "当前窗口是否在一个框架中:"+b ); </script>

你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。

js中opener和parent的区别 opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的

opener,在B页面通过opener对象可以访问A页面。

parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的parent。在JS 中,window.opener只是对弹出窗口的母窗口的一个引用。比如:a.html中,通过点击按钮等方式window.open出一个新的窗口 b.html。那么在b.html中,就可以通过window.opener(省略写为opener)来引用a.html,包括a.html的 document等对象,操作a.html的内容。 假如这个引用失败,那么将返回null。所以在调用opener的对象前,要先判断对象是否为null,否则会出现“对象为空或者不存在”的JS错误。

<html> <body> <form. name=form1> <input type=text name=inpu > <input type=button > </form> </body> </html> -------------------------------- back2opener.html -------------------------------- <html> <body> <form. name=form1> <input type=text name=inpu >

<a class="under" href=# >添加</a>

</form> </body> </htmlwindow.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以

写为: window.opener.document.getElementByIdx_x_x("name").value = "输入的数据";

常见的误区: 父页面 window.open( 'open.jsp?City= '+strCity, ' ', 'width=252, height=100, scrollbars=no '); 子页面open.jsp window.parent.maplet.clean(); 报错为window.parent.maplet为空或不是对象! 什么原因呢?别的没有问题! 错误原因: window.parent 表示当前框架的父框架, 如果子窗口不在框架中,那么就为空, 不是表示子窗口和父窗口的关系, 是框架之间的关系。 如果子窗口不在框架中,即通过A.html的一个链接打开的 B.html页面,在B.html引用A.html的表单元素时,可以这样写: window.opener.document.formname.maplet 其中formname是你父窗口中form的名字

转载于:https://my.oschina.net/abbchina/blog/2085985

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/450639.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ALM 中查看某个 test 的更改 history 历史

ALM 中要查看某个 test 更改历史&#xff0c; 需要下面两个表&#xff1a;AUDIT_LOG and AUDIT_PROPERTIES------- Get Test modification history -------- ---- In ALM, 857, if filter out test case named 26169502, check its History. In the history, for the node of d…

编译器vs.代码 谁之过

摘要&#xff1a;编译器是将程序语言编译成机器语言的一种高级程序。如今许多编译器越发智能&#xff0c;在编译不通过的情况&#xff0c;你的代码甚至都无法运行&#xff0c;那么到底是编译的问题还是您的代码问题呢&#xff1f; 许多程序员喜欢抱怨编译器报出的各做错误&…

Android 在 Google 开发者大会上发布了哪些更新? | Google 开发者大会 2018

有哪些新的 Android 系统特性 Google Play 上的 targetVersion 要求 2018年8月 新应用发布必须为26或者更高2018年11月 升级现有应用必须为26或者更高2019年之后 新发布或者升级应用必须为一年内发布的 Android 版本工信部已经出台相应的政策&#xff0c;中国主流的应用市场也已…

两个不同的数据库如何跨库事务

首先我们要明白同一实例&#xff0c;简单来说就是一个ip&#xff0c;如果两个数据库位于同一个ip&#xff0c;就是同一实例。其实实例并不相当于ip&#xff0c; 他其实相当于服务&#xff0c;也就是serve。 这样的两个或多个就可以跨库事务&#xff0c;比如 begin; insert in…

链表排序(冒泡、选择、插入、快排、归并、希尔、堆排序)

参考http://www.cnblogs.com/TenosDoIt/p/3666585.html 插入排序&#xff08;算法中是直接交换节点&#xff0c;时间复杂度O&#xff08;n^2&#xff09;,空间复杂度O&#xff08;1&#xff09;&#xff09; 1 class Solution {2 public:3 ListNode *insertionSortList(Lis…

zookeeper使用和原理探究

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 zookeeper介绍 zookeeper是一个为分布式应用提供一致性服务的软件&#xff0c;它是开源的Hadoop项目中的一个子项目&#xff0c;并且根据…

thinkphp如何部署到宝塔面板nginx服务器

原理&#xff1a;一般本地都会使用apache服务器&#xff0c;这个对pathinfo&#xff08;两个&#xff0c;一个是环境变量$_SERVER[PATH_INFO]&#xff0c;另一个是pathinfo函数&#xff09;路由解析非常支持的&#xff0c;不需要部署什么&#xff0c; 但是nginx是对pathinfo函…

Android获取所有应用的资源id和对应的uri

背景在某些应用中&#xff0c;为了实现应用apk资源放入重复利用&#xff0c;或者使用反射得到本应用的资源&#xff0c;需要使用反射方式获得&#xff0c;但Resources类中也自带了这种获取方式&#xff0c;并且功能更加强大你可以获取string,color,drawable,raw,xml等文件&…

nginx的脚本引擎(一)

nginx的脚本的语法和shell是很像的&#xff0c;我大致看了一下觉得挺有意思的&#xff0c;就想写写记录一下。我没看过shell脚本的引擎&#xff0c;不知道nginx脚本引擎和shell脚本引擎像不像&#xff0c;但是我觉得nginx的脚本引擎有点像C和汇编。 ngx_http_script_engine_t这…

一个待办事列表todolist

最近有位老师让我做的&#xff0c;图片在下面&#xff0c;做了4个多小时&#xff0c;ui有的简陋&#xff0c;可以再美化一下&#xff0c;这个会更好看&#xff0c;毕竟我也不是专业前端&#xff0c;测试网站http://todolist.sshouxin.top/使用的是thinkphp5.1的框架&#xff0c…

详细说明 SourceTree 免登录,跳过初始设置的方法(Windows 版 )

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1. 首先&#xff0c;安装完 SourceTree 以后先运行一次&#xff0c;弹出初始化登录页面后退出。 2. 进入这个文件夹&#xff1a;C:\Users…

什么是好的API设计?

摘要&#xff1a;有人言&#xff0c;API设计是编程工作中最难的事情。甚至有人认为至少要有10年的工作经验才能接触它。不过这里提出了一个引人思考的问题&#xff1a;究竟是构建什么样的库需要花费10年的时间去学习&#xff1f; 有人言&#xff0c;API设计是编程工作中最难的事…

Linux学习记录-文件、目录与磁盘

用户和群组 用户和群组主要是为了区分用户对文件的操作权限。 账号在/etc/passwd个人密码在/etc/shadow组信息在/etc/group 不要乱动这3个文件文件权限和目录配置 文件属性 文件前缀解释&#xff0c;例如&#xff1a; 第一个字符代表这个文件是『目录、文件或链接文件等等』&am…

php curl模拟https请求

https请求(支持GET和POST) function http_request($url,$data null){$curl curl_init();curl_setopt($curl, CURLOPT_URL, $url);curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);if(!empty($data)){curl_setopt($cur…

springboot集成环信sdk报错

import io.swagger.client.ApiException; import io.swagger.client.api.MessagesApi; import io.swagger.client.model.Msg 这个是因为少两个包&#xff0c;只需要把在你的pom.xml添加以下代码即可&#xff0c;不要忘记点赞哈只需要添加两个包即可&#xff0c;你可以自行网上下…

解决 error: Your local changes to the following files would be overwritten by merge:XXXX

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 idea 上将本地代码推送到 git后 , 报错如下图 error: Your local changes to the following files would be overwritten by merge:src/…

深度有趣 | 30 快速图像风格迁移

简介 使用TensorFlow实现快速图像风格迁移&#xff08;Fast Neural Style Transfer&#xff09; 原理 在之前介绍的图像风格迁移中&#xff0c;我们根据内容图片和风格图片优化输入图片&#xff0c;使得内容损失函数和风格损失函数尽可能小 和DeepDream一样&#xff0c;属于网络…

转型从思维习惯的转变开始

摘要&#xff1a;首先建议大家不要轻易转向管理岗位&#xff0c;要认清自己是否适合做管理。转型过程中应把握好几点&#xff1a;良好的技术基础&#xff0c;它是赢得团队信任的前提&#xff0c;是把握团队整体方向的关键&#xff1b;培养大局观&#xff0c;只有站得高才能看得…

数据库小知识点(一直更新)

一、mysql查询是否含有某字段&#xff1a; mysql数据库查询带有某个字段的所有表名 SELECT * FROM information_schema.columns WHERE column_namecolumn_name; oracle数据库查询带有某个字段的所有表名 select column_name,table_name,from user_tab_columns where column_n…

其他运算符

原文地址&#xff1a;https://wangdoc.com/javascript/ void运算符 void运算符的作用是执行一个表达式&#xff0c;然后不返回任何值&#xff0c;或者说返回undefined。 void 0 // undefined void(0) // undefined 上面是void运算符的两种写法&#xff0c;都正确。建议采用后一…