轩枫阁

首页 / Web前端 / 授人以渔 / Javascript / Js中iframe相关window.parent ,window.top,window.self解析

Js中iframe相关window.parent ,window.top,window.self解析

前言

在网页中有嵌入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属性返回的是对自身的引用。

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

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

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

总结

分享这个是因为前段时间写过一个后台管理系统,里面用的结构是嵌套iframe的形式,同时也用到了UEditor百度的这个网页编辑器,结果在上传图片的配置中一直出现错误,当时没有想到具体的原因,后面才注意到是iframe的问题。本身UEditor的图片上传功能就用的iframe,结果再把这个编辑器放到iframe中,所以需要更改UEditor代码穿过两层获取最顶层窗口。

172/470
174/470

相关阅读

文章评论

  • 很好,谢谢你啊,辛苦了~~

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子