开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

window.location.href和top.location.href之间的区别

window.location.href 和 top.location.href 之间的区别

window.location.href 和 top.location.href 都是用于获取当前浏览器中的 URL，但它们之间存在一些区别。

window.location.href

window.location.href 是根据当前窗口的 URL 获取浏览器中的 URL。也就是说，它反映了当前页面的 URL。如果你在同一个浏览器中打开多个页面，window.location.href 会返回当前活动（焦点）页面的 URL。

例如：

console.log(window.location.href);

top.location.href

top.location.href 是根据当前窗口的 URL 获取浏览器中的 URL，但是会覆盖当前窗口中 top 框架的 URL。也就是说，它反映了包含 top 框架在内的所有窗口中当前页面的 URL。如果你在同一个浏览器中打开多个页面，并且这些页面都包含 top 框架，top.location.href 会返回 top 框架中的页面 URL。

例如：

console.log(top.location.href);

总之，window.location.href 和 top.location.href 都可以获取当前浏览器中的 URL，但它们获取的 URL 不同。如果你在同一个浏览器中打开多个页面，需要根据你的需求选择使用哪个属性。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

window location href页面跳转的几种用法及其延展「建议收藏」

如果页面中自定义了frame，那么可将parent、self、top换为自定义frame的名称,效果是在frame窗口打开url地址。

01

防止网页被嵌入框架的代码（续）

两年前，我写过一段代码，防止网页被嵌入框架（Frame）。 <script type="text/javascript"> 　　if (window!=top) // 判断当前的window对象是否是top对象　　top.location.href = window.location.href; // 如果不是，将top对象的网址自动导向被嵌入网页的网址 </script> 这段代码是有效的。但是，有一个问题：使用后，任何人都无法再把你的网页嵌入框架了，包括你自己在内。于是，我今天就在考虑

08

Clickjacking简单介绍

今天没有原创文章发了，从乌云知识库里选了一个文章给大家分享一下，不知道这种方式，大家是否能够接我从乌云知识库里选择一些文章给大家分享，请大家给我提出来，我来根据大家的意见来做出变化，毕竟写原创不易，请大家谅解。欢迎大家给我留言，让我知道你们的想法。

00

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

"window.location.href"、"location.href"是本页面跳转.

02

Jquery基础(七) window.parent与window.openner区别

1."window.location.href"、"location.href"是本页面跳转

02

window.location.href的用法

self.location.href=“/url” 当前页面打开URL页面 location.href=“/url” 当前页面打开URL页面 window.location.href=“/url” 当前页面打开URL页面，前面三个用法相同。 this.location.href=“/url” 当前页面打开URL页面 parent.location.href=“/url” 在父页面打开新页面 top.location.href=“/url” 在顶层页面打开新页面

02

Js常见点击跳转方式

在原有的页面跳转 window.location.href='next.html' 返回上一页 window.history.back(-1) top跳转 top.location.href='next.html' 打开新窗口 window.open("next.html"); 重定向来跳转(不留栈) window.location.replace("next.html"); 刷新页面 location.reload();

01

JavaScript开发中几个常用知识点总结

最近在做项目的时候自己写了一些JavaScipt代码，于是自己又进行简单的查阅资料整理了一下，发现了如下几个比较有用的知识点：

05

JavaScript中window.open（）和Window Location href的区别

URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口

05

JavaScript中window.open（）和Window Location href的区别「建议收藏」

specs 可选。一个逗号分隔的项目列表。支持以下值： channelmode=yes|no|1|0 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器 directories=yes|no|1|0 是否添加目录按钮。默认是肯定的。仅限IE浏览器 fullscreen=yes|no|1|0 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器 height=pixels 窗口的高度。最小.值为100 left=pixels 该窗口的左侧位置 location=yes|no|1|0 是否显示地址字段.默认值是yes menubar=yes|no|1|0 是否显示菜单栏.默认值是yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏.默认值是yes titlebar=yes|no|1|0 是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes top=pixels 窗口顶部的位置.仅限IE浏览器 width=pixels 窗口的宽度.最小.值为100 replace Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：

02

js跳转界面

js页面跳转大全所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转，如我们打开的是A页面，通过javsrcipt脚本就会跳转到B页面。目前很多垃圾站经常用js跳转将正常页面跳转到广告页面，当然也有一些网站为了追求吸引人的视觉效果，把一些栏目链接做成js链接，但这是一个比较严重的蜘蛛陷阱，无论是SEO人员还是网站设计人员应当尽力避免。常用的JS页面跳转代码调用大全-马海祥博客很多站长在制作网站的时候，为了某种展示或SEO优化的目的，常常需要利用js跳转效果，所以对于一个站长或SE

07

防止网页被嵌入框架的代码

最近，国内开始流行另一种流氓行为：使用框架（Frame），将你的网页嵌入它的网页中。比如，有一家网站号称自己是"口碑聚合门户"，提供全国各个网上论坛的精华内容。但是，其实它就是用框架抓取他人的网页，然后在上面加上自己的广告和站标，这同盗版书商有何不同？！不明内情的访问者，只看到地址栏是该门户的URL，不知道真正内容部分的网页，其实来自另一个网站。为什么我反对这种做法？　　1）它故意屏蔽了被嵌入网页的网址，侵犯了原作者的著作权，以及访问者的知情权；　　2）大量业者使用的是不可见框架，使得框架网页

04

js判断本页面被 iframe 嵌套

01

JavaScript 页面跳转的几种方式

第一种： <script language="javascript" type="text/javascript"> window.location.href="logi

02

深入理解iframe

iframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架）

01

点击劫持和防御

攻击方法：首先自己写一个页面，接着用iframe引入其他的页面，然后自己利用定位和z-index对原页面进行覆盖和'重绘'，当用户在输入时，以为是正常的页面，其实用户输入是在恶意页面进行的，最后也会提交到恶意者的服务器中。

04

iframe 有什么好处，有什么坏处？

iframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架）

01

前端常用代码

页面不允许在框架内 window.onload=function(){ if(self != top){ top.location.href = self.location.href; } } 页面不能点右键，不用CTRL+A，不能复制操作! <body oncontextmenu="window.event.returnvalue=false" onkeypress="window.event.returnvalue=false" onkeydown="window

03

jQuery常用的功能

一、目录： ---- ---- 1.ready（function(){}）方法的使用 2.require最常用的方法: 3.display:none 4.visible:hidden 5.修改span的字体的颜色 6.window对象中self、 top 的区别 7.blur事件的使用二.、内容: 1. ready（function(){}） ```$(document).ready(function(){ // 当网页加载完成后执行这里的代码块 });``` 2.require('http') 内置模块

03

self!=top

用法二://代码功能是本网页不允许被框架。目的是防止你的网页被引用在别人的页面中！

01

返回跳转指定页面的JS代码_java页面跳转的代码

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/170157.html原文链接：https://javaforall.cn

02

js代码中实现页面跳转的几种方式[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。 js代码中实现页面跳转的几种方式注：jquery的.get()，.post()，第一种： <script language=”javascrip

09

js判断手机浏览器操作系统及微信浏览器的方法

今天用到的代码，一并奉上。 js判断手机系统并跳转 if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.href ="apple.htm"; } else if (/(Android)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.h

html refresh原理,HTML meta refresh 刷新与跳转(重定向)页面

刷新与跳转(重定向)页面的例子吧，后面本站长自己也补充了一些js页面刷新与跳转例子吧。

01

js常用跳转代码[通俗易懂]

今天整理下我们常用的js跳转代码，常用的js跳转代码比如：js倒计时跳转代码、pc站跳转手机站代码、在原来的窗体中直接js跳转用、在新窗体中打开页面用、js直接跳转代码、js返回代码、head标签内加如下代码实现页面定时自动跳转代码、self.location方式实现页面跳转、top.location方式实现页面跳转，具体请看以下代码，希望对你有帮助。

03

window.location.href和window.location.hash的区别

综：window.location.href表示重定向，后面跟着的是完整的url地址，与其相似的还有window.location.hash，

03

jquery刷新当前页面、刷新父级页面

01

让未登录的用户跳转到登录页面_网页登录后又跳转登录页面

如果不想每个ajax都判断返回数据，然后进行未登录跳转的话，可以修改JQuery的默认设置(complete回调)：

03

pc端、手机端浏览器、微信内.点击返回键，返回到上一个页面浏览的位置的实现

01

一些实用的 Javascript 代码

本文由来源 21aspnet，由 javajgs_com 整理编辑，其版权均为 21aspnet 所有，文章内容系作者个人观点，不代表 Java架构师必看对观点赞同或支持。如需转载，请注明文章来源。

03

你知道 JavaScript 有 535 种方法刷新页面吗？

第 1 种 location = location 第 2 种 location = location.href 第 3 种 location = window.location 第 4 种 location = self.location 第 5 种 location = window.location.href 第 6 种 location = self.location.href 第 7 种 location = location['href'] 第 8 种 location = window['lo

01

Session过期，跳出iframe框架页显示会话过期页面

web开发中经常会有这种情况，在一个主页面中包含侧边导航菜单和iframe，点击菜单项，对应页面会在iframe中显示，整个页面不会刷新。但是如果设置了会话Session,在会话过期后再操作会自动redirect重定向到登录页面，经常会出现在session过期后，再点击菜单项，登录页面显示在iframe中而非显示在当前窗口的情况。

04

H5页面判断客户端是iOS或者Android并跳转对应链接唤起APP

每个客户端都会有自己的 UA （userAgent）标识，可以用 JavaScript 获取客户端标识。

03

pc端、手机端浏览器、微信内.点击返回键，返回到上一个页面浏览的位置的实现

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/105917.html原文链接：https://javaforall.cn

03

window location href无反应，不跳转的情况的解决

在进行js练习的时候，遇到了一个问题，在操作页面跳转的时候，使用window.location.href无法进行跳转，经过一系列的排查，和分析，最终解决这个问题。

04

Response.Write具体介绍

Response.Write 后连接Response.Redirect ，则Response.Write无法显示，直接跳转入Response.Redirect 的页面。

02

mybatis结合分页的使用及解析.

首先说明: 这里分页是使用了SSM框架+ jsp 来做的, 当然分页还有其他的很多做法, 比如easyUI自带的分页效果. 但是这些原理都是很相似的, 再次只做为学习总结之用. 一, 效果图这里的截

07

js检测文章是否被收录

昨天用公司的企业站发布文章后，想看看之前的网站收录了没有，但是又得通过第三方工具查询有点麻烦，看到crm系统的插件还有一个百度收录检测的，我把代码修改了一下，经过测试web页面通用，可以做成php插件

03

js页面刷新跳转的几种方式及区别

跳转常用方法： window.location.href="index.php"; window.history.back(-1);//类似于按钮，参数是负几，就后退几次。 window.navigate("index.jsp"); //navigate对象包含有关浏览器的信息，也可以作为页面跳转，后面直接加要跳转的地方。 self.location.href=index.htm; //self指代当前窗口对象,属于window最上层的对象; //location.href 指的是

01

AJAX 表单序列化

###文件表单 html： <form id="uploadForm" enctype="multipart/form-data" style="margin-left: 550px;margin-top: 150px;"> 账户:<input type="text" name="username" id="username">
密码:<input type="text" name="password" id="password">
电话:<input type="text" name

03

检测后端关闭window.open的窗口刷新页面

欢迎来到友儿の博客以qq调用第三方api登录为例子来说明前端点击事件根据app_id拼接授权地址并且跳转至授权页面根据填写和请求的一致回调地址获取code和state 把code和state传递给第三方接口返回登录数据存储并赋值给页面关闭浏览器窗口检测刷新页面显示登陆数据前端点击授权窗口代码

<script> function toLogin() { //以下为按钮点击事件的逻辑。注意这里要重

01

web前端url传递值 js加密解密

一：Js的Url中传递中文参数乱码问题，重点：encodeURI编码，decodeURI解码：

02

HTML如何实现页面跳转(html跳转到指定页面)

window.history.go(-1)；或者window.history.back(-1)；

03

js跳转页面并刷新(本页面跳转)

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/128190.html原文链接：https://javaforall.cn

01

JS起步阶段随笔【JavaScript】

只能放到标签里用，this 要时刻紧靠着它自己的环境，在函数内部可以用this，在标签内可以用，拿出去以后，就达不到想要的效果了，因为它所属的环境变了。

02

前端开发必知：HTML、Vue和React中的跨域页面跳转解决方案

猫头虎博主今天将带你探讨在HTML、Vue和React环境下实现跨域页面跳转的技巧和方法。跨域页面跳转是前端开发中的常见需求，无论是基于纯HTML环境还是现代的前端框架如Vue和React，都有不同的实现方式。通过本文，你将了解到从基础的HTML标签，到Vue和React框架中的跳转方法，以及相关的安全考虑。现在就搜索“跨域页面跳转”和“前端页面跳转技巧”吧，一窥究竟！

01

一些你不知道到Cookie安全登录防范

05

一些你不知道到Cookie安全登录防范

作为一个web开发者，避免不了用户登录功能，但是有多少知道用户登录的一些安全防范技术呢？

02

XSS经典漏洞复现-手撕某非法获取个人信息网站

声明:以下仅为一次简单的记录,提供思路及过程,仅供学习交流,请不要用于非法用途,由此教程产生的法律问题均与本人无关！

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭