top.location.href,parent.location.href和self.location.href有什么不同？

最新推荐文章于 2022-08-04 23:07:03 发布
原创 最新推荐文章于 2022-08-04 23:07:03 发布 · 628 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了JavaScript中实现页面跳转的多种方式，包括window.location.href, top.location.href等，并探讨了它们在不同场景下的应用，如跳出iframe或在顶层窗口打开URL。同时，文章提供了如何判断当前location是否为顶层，以防止页面被frame引用的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

window.location.href="url"

self.location.href="url"

this.location.href="url"

location.href="url"                    这四个跳转效果相同，表水仅在本页打开url地址

top.location.href="url"              在最外层，也就是顶层打开url地址（跳出iframe）

top.location.href="url"              在上一层父窗口打开url地址

 

 

if (top.location == self.location) 判断当前location 是否为顶层来 禁止frame引用　  如果页面当中有自定义的frame的话，也可以将parent  self   top换为自定义frame的名称      效果就是在自定义frame窗口打开url地址

 

实际中可能这样使用

        if(top !== self){             top.location.href = location.href;         }   禁止frame引用

 

 

 

tynxx
关注
js中if (top.location != self.location) {top.location=self.location;}
小神
02-19 1万+
top.location != self.location 就是说当前窗体的url和父窗体的 url是不是相同 如果相同执行top.location=self.location;}，把窗体的url设成和本窗体一样。这个是为了防止别的网站嵌入你的网站的内容（比如用iframe嵌入的你的网站的页面） http://hi.baidu.com/qkgztdd/blog/item/78d966f
top.location.href 没有权限 解决方法
09-06
以前好像没有遇到这问题，也可能是没有在意吧，我的blog内容页都是有判断的，规则是，如果top.location不是内容页的话就跳到内容页
top.location.href和localtion.href有什么不同
04-18
判断当前location 是否为顶层来禁止frame引用　 如果页面当中有自定义的frame的话，也可以将parent self top换为自定义frame的名称 效果就是在自定义frame窗口打开url地址
self.location.href的具体用法
u012852730的专栏
04-11 4661
self指代当前窗口对象,属于window最上层的对象; location.href 指的是某window对象的URL地址. self.location.href指当前窗口的URL地址,去掉self默认为当前窗口的URL地址. 一般用于防止外部引用,如果你的网页地址是: http://www.a.com 别人的是http://www.b.com, 他在他的页面用iframe等框架引用你的http:
self.location != top.location
老王的博客
10-09 1011
判断当前是页面和祖父页面的地址是不是一样的，如果是一样的，则祖父页面即当前页面，如果不一样，可能是当然页面处于弹出窗口或框架内 这个在很多场合可以用，有个场合可以用在防止自己的网页被别人IFRAME过去，即被别用框架引用过去
js实现网页防止被iframe框架嵌套及几种location.href的区别
10-26
这段代码的工作原理是，当`self.location.href`（当前页面）不等于`top.location.href`（顶级页面）时，说明页面处于一个`iframe`中。此时，会弹出警告信息，并尝试将顶级窗口的URL设置为当前页面的URL，以跳出`...
location.href用法总结(最主要的)
09-04
无论使用`self.location.href`、`location.href`还是`window.location.href`，其效果都是在当前页面打开指定的URL。这三者之间没有本质的区别，都是对当前窗口的引用。 3. **在父级或顶级页面中操作：** - `...
浅析location.href跨窗口调用函数
09-01
篇文章主要探讨了如何使用`location.href`在不同的窗口和iframe之间进行跳转，以及相关的JavaScript属性和方法。`location.href`是JavaScript中的一个重要属性，它允许我们获取当前页面的URL或者设置新的URL来实现...
parent.location.href和location.href区别
02-07 1401
parent.location.href='ind.php'parent用于框架结构，需要全网页转向如果你的网页是左右框架，那么，直接把当前页面全部转到ind.php中location.href='ind.php'只是普通的转向，单网页中全网页转向，框架中目标框架转向不是全框架转向如果你的网页是左右框架，那么，在左侧中点击，那么，左侧框架转向到ind.php中，右侧不变 转载于:htt...
top,self,parent,open,href,location 详细解释
weixin_30745553的博客
05-02 175
top,self,parent,open,href,location 详细解释 关于这几个常用的脚本关键字，很多人经常会很不明白，现在我采用下面的方式相信能很快明白：(如果A,B,C,D,Page都是htm，D是C的iframe，C是B的iframe，B是A的iframe，Page是公共呈现页面。如果D中js这样写) 大致页面的源码如下： D.htm <!DOCTYPEhtmlP...
location.href常用用法总结
孤独地搬砖的博客
03-31 5769
一、名词解释   Window 对象表示浏览器中打开的窗口。  如果文档包含框架（ 或 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。  Location 对象包含有关当前 URL 的信息。  Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。 
top,self,parent,open,href,location 弹出窗口关系
longflang的博客
10-26 225
top,self,parent,open,href,location 详细解释 关于这几个常用的脚本关键字，很多人经常会很不明白，现在我采用下面的方式相信能很快明白：(如果A,B,C,D,Page都是htm，D是C的iframe，C是B的iframe，B是A的iframe，Page是公共呈现页面。如果D中js这样写) 大致页面的源码如下： D.htm &lt;!DOCTYPE html...
浏览器中location详解
qq_42880714的博客
08-04 2314
浏览器中location详解
JS页面权限最大化 if (window != top)top.location.href = location.href;
java1703的博客
06-10 2604
if (window != top) top.location.href = location.href;
JS location.href与window.open全面解析
5. `parent.location.href`：在父窗口中打开URL，如果有嵌套的框架，适用于上级框架。 6. `top.location.href`：在最顶层的窗口或框架中打开URL，消除所有嵌套。 如果页面中存在自定义的iframe，可以将`parent`、`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值