当前位置: 首页 > Web前端 > HTML5

javascript跳出iframe框架

时间:2023-04-05 18:37:36 HTML5

1.window.toptop属性返回最顶层的前置窗口。此属性返回对顶级窗口的只读引用。如果窗口本身是顶级窗口,则top属性持有对窗口本身的引用。如果窗口是框架,则top属性指的是包含该框架的顶层窗口。2.window.selfself属性可以返回对窗口本身的只读引用。相当于Window属性。3、window.locationwindow.location(MDN)对象用于获取当前页面的地址(URL),将浏览器重定向到新页面。3.1示例window.location='https://blog.mazey.net/547.html';//网站会跳转到下面的URL3.2属性location.hostname返回虚拟主机的域名location.pathname返回当前页面的路径和文件名location.port返回虚拟主机的端口(80或443)location.protocol返回使用的web协议(http://或https://)四、iframe例子

iframe1

ShowSelf显示自身位置显示自身Href显示顶部显示顶部位置显示顶部Href将我替换为整个页面5.总结如果想让页面跳出iframe,添加如下代码if(window.top!==window.self){//如果self窗口不等于顶层窗口window.top.location.href=window.self.location.href;//顶层窗口跳转到自己的窗口}版权声明本博客版权所有原创文章,作者保留版权。转载必须包含此声明,保持本文完整,并以超链接的形式注明作者及本文原文地址:https://blog.mazey.net/547.html(完)