location.href 几种用法

最新推荐文章于 2024-07-04 10:35:47 发布
原创 最新推荐文章于 2024-07-04 10:35:47 发布 · 2.7w 阅读 · 35 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了使用不同方式实现页面跳转的方法，包括self.location.href、window.location.href等，并解释了它们之间的区别。
self.location.href;//当前页面打开URL页面
window.location.href;//当前页面打开URL页面
this.location.href;//当前页面打开URL页面
location.href;// 当前页面打开URL页面
parent.location.href;//在父页面打开新页面

top.location.href;//在顶层页面打开新页面 



上图,效果如下



如下四个当前页面打开url页面效果如下

self.location.href;//当前页面打开URL页面
window.location.href;//当前页面打开URL页面
this.location.href;//当前页面打开URL页面
location.href;// 当前页面打开URL页面


如下两个 效果如下:

parent.location.href;//在父页面打开新页面

top.location.href;//在顶层页面打开新页面 


这两个效果是有区别的,只是我这个最外面的页面就是上一层页面(父页面),所以这里效果是一样

"top.location.href"是最外层的页面跳转

"parent.location.href"是上一层页面跳转.

location.href&&window.open
每天都要努力学习哦~~
09-29 7676
href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 url。语法就是 location.href。
js实现网页防止被iframe框架嵌套及几种location.href的区别
10-26
本文将详细讲解如何利用JavaScript实现这一功能，并介绍`location.href`的不同用法。 首先，我们要理解`location.href`的各种形式及其作用： 1. `window.location.href`：这是最常用的，它表示当前窗口或框架的URL...
location.href用法总结(最主要的)
01-21
javascript中的location.href有很多种用法，主要如下。 self.location.href=”/url” 当前页面打开URL页面 location.href=”/url” 当前页面打开URL页面 windows.location.href=”/url” 当前页面打开URL页面，前面三个用法相同。 this.location.href=”/url” 当前页面打开URL页面 parent.location.href=”/url” 在父页面打开新页面 top.location.href=”/url” 在顶层页面打开新页面 如果页面中自定义了frame，那么可将parent se
Vue 路由跳转与 location.href 的区别
最新发布
My_wife_QBL的博客
07-04 1293
Vue 路由跳转：使用 Vue Router 进行路由跳转，可以实现前端路由管理，不会重新加载整个页面，适用于单页应用程序。：通过设置进行页面跳转，会重新加载整个页面，适用于传统的多页应用程序。Vue 路由跳转和是两种不同的页面跳转方式。Vue 路由跳转适用于单页应用程序，提供了丰富的功能和更好的性能，而适用于传统的多页应用程序，功能相对简单。通过合理选择和使用这两种方式，我们可以构建出结构清晰、功能丰富的 Web 应用程序。希望本文能够帮助你全面理解 Vue 路由跳转和。
location.href的几种用法
热门推荐
wunianisme的博客
09-26 2万+
location.href 在js中，location.href经常用于页面跳转。它主要有如下几种用法： 1.在当前页面打开URL页面。需要注意的是window.location.href=window.location.href与window.location.reload()都是刷新当前页面，但是如果页面上有提交数据的时候，window.location.reload()会提示是否提交。 se...
js中location.href的用法
weixin_30532973的博客
07-20 258
Javascript中的location.href有很多种用法，主要如下： 　　self.location.href="/url" 当前页面打开URL页面　　ocation.href="/url" 当前页面打开URL页面　　windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。　　this.location.href="/url" 当前页面打开URL...
window.location.href
zhangweigangweiwu的专栏
08-23 4125
javascript中的location.href有很多种用法，主要如下。 self.location.href="/url" 当前页面打开URL页面 location.href="/url" 当前页面打开URL页面 windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。 this.location.href="/url" 当前页面打开UR
详解js location.href和window.open的几种用法和区别
12-14
一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 [removed].href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 parent....
详解js location.href和window.open的几种用法和区别.docx
01-22
详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法，用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...
location.href的用法
小菜的粉丝——专栏
03-30 1729
 *.location.href 用法:　　top.location.href=”url”          在顶层页面打开url（跳出框架）　　self.location.href=”url”         仅在本页面打开url地址　　parent.location.href=”url” 　    在父窗口打开Url地址　　this.location.href=”url” 　　    用法和s
window.location.href和window.open的几种用法和区别
weixin_33963594的博客
04-01 2485
使用js的同学一定知道js的location.href的作用是什么，但是在js中关于location.href的用法究竟有哪几种，究竟有哪些区别，估计很多人都不知道了。 一、location.href常见的几种形式 目前在开发中经常要用到的几种形式有: 1 2 3 4 5 6 self.location.href;//当前页面打开URL页面 ...
location.href用法
ssisse的博客
09-23 844
location.href用法 javascript中的location.href有很多种用法，主要如下。 self.location.href=”/url” 当前页面打开URL页面 location.href=”/url” 当前页面打开URL页面 (相当于省略了前面的window,location是window的属性) window.location.href=”/ur
详解location.href几种用法的区别
weixin_30639719的博客
10-19 1442
一：提出问题(仅提供一种思想！) 使用js的人一定知道js的location.href的作用是什么，但是在js中关于location.href的用法究竟有哪几种，究竟有哪些区别，估计很多人都不知道了。 二：常见的几种形式 目前在开发中经常要用到的几种形式有: 经常见到的大概有以上几种形式。 三：代码部分 那么，这几种形式的跳转究竟有什么区别呢？ 直接讲定义，你肯定不会理解透彻，下...
location.href
我的博客
08-03 232
top.location.hr...
window.location.href的用法
风火一回，一生不毁
06-23 1万+
window.location.href:"url",在本页跳转到url所指的链接 window.location.replace:"url",用新的url替换原先的路径 window.location.reload(),强制刷新页面，重新向服务端发送请求 location.href:"url",在本页跳转到链接地址 parent.location.href:"url",跳转到上一
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值