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…

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函…

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…

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

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

解决 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/…

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

一、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…

git pull --rebase 做了什么? 以及 Cannot rebase: You have unstaged changes 解决办法

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 最近刚学 git rebase&#xff0c;觉得很牛逼的样子&#xff0c; 结果今天就被打脸了。 git pull --rebase 1 报错&#xff1a; Cann…

vue如何实现单页缓存方案分析

实现全站的页面缓存&#xff0c;前进刷新&#xff0c;返回走缓存&#xff0c;并且能记住上一页的滚动位置&#xff0c;参考了很多技术实现&#xff0c;github上的导航组件实现的原理要么使用的keep-alive&#xff0c;要么参考了keep-alive的源码&#xff0c;但是只用keep-alive…

基于websocket的聊天实现逻辑(springboot)

websocket的知识点&#xff1a;当用户建立socket连接请求之后&#xff0c;服务器会给客户段建一个session&#xff08;非httpsession&#xff09;,这是是对客户端的唯一识别码&#xff0c;用于消息通信 第二上流程图&#xff0c;流程图解释&#xff1a;用户1要给用户2发送消息…

大学生学编程系列」第五篇:自学编程需要多久才能找到工作?

很多编程初学者都会有这种疑问&#xff0c;自学学到什么程度或者学多久能够找到工作&#xff0c;这种问题没有统一答案&#xff0c;因为每个人的出发时候的基础以及在学习过程中掌握的程度不尽相同&#xff0c;也会导致结果不一样&#xff0c;只能说要看个人的造化了&#xff0…

chrome 谷歌浏览器怎么添加Axure扩展

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 工具/原料 谷歌浏览器Axure RP Extension for Chrome方法/步骤 百度搜索Axure RP&#xff0c;下载Axure RP&#xff0c;并进行安装 安装后…

配置nginx-rtmp流媒体服务器(宝塔面板配置教程)

参考文档&#xff1a;https://www.kancloud.cn/jiangguowu/kfjsdkfjskd/1209896 1.在宝塔面板中安装带nginx的服务器 2.在宝塔面板中卸载nginx&#xff08;因为nginx-rtmp和nginx的配置不同&#xff0c;并且宝塔面板中不支持安装nginx-rtmp&#xff09; 3.开始预下载nginx &a…

css控制div等比高度

在移动端开发中&#xff0c;在banner轮播图未加载出来之前&#xff0c;banner层是不占文档流高度的&#xff0c;当从服务器获取完banner数据&#xff0c;展示的时候&#xff0c;banner层因为有了内容 所以会撑开&#xff0c;导致banner层下面的内容也随之移动&#xff0c;为解决…

2018杭州云栖大会,梁胜博士的演讲PPT来啦!

2019独角兽企业重金招聘Python工程师标准>>> 2018杭州云栖大会已经结束&#xff0c;Rancher作为阿里云的紧密合作伙伴&#xff0c;Rancher Labs联合创始人兼CEO梁胜博士&#xff0c;在9月21日上午受邀出席大会并作题为**“如何能让每个人都用Kubernetes和Service Me…

利用jquery修改elment的自定义组件多选框el-select(修改多选框的颜色)

先上图片 一实现逻辑 我们知道element颜色默认为灰色&#xff0c;首先便签名称是唯一的&#xff0c;我的实现逻辑是后端传给前端 含有颜色&#xff0c;名称的数组&#xff0c;然后vue记录一个对象{名称 > 颜色}&#xff0c;当用户选择标签之后&#xff0c;触发 点击事件&…

中文地址

2019独角兽企业重金招聘Python工程师标准>>> 转载于:https://my.oschina.net/u/2935389/blog/2209087

Intellij IDEA Debug调试技巧

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1、这里以一个web工程为例&#xff0c;点击图中按钮开始运行web工程。 2、设置断点 3、使用postman发送http请求 4、请求发送之后会自动…