JS中location.href页面跳转粗解

最新推荐文章于 2024-05-17 16:09:32 发布
最新推荐文章于 2024-05-17 16:09:32 发布
阅读量1.3k 收藏
点赞数
分类专栏： JS 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014267402/article/details/47148269
版权

JS中会用到location.href跳转到指定页面，当然有很多跳转的写法，他们的作用也是不同的。主要有：location.href、window.location.href、parent.location.href、top.location.href，他们分别表示：

1.location.href = "www.baidu.com"; 和 window.location.href = "www.baidu.com"; ：当前页面跳转到指定页面（百度）。

2.parent.location.href = "www.baidu.com"; ：是当前页面的父窗体跳转指定页面（百度），这个主要用在FRAMESET中，使当前窗体外面的窗体跳转。

3.top.location.href = "www.baidu.com"; ：是最外层的窗体跳转指定页面（百度），这个主要用在有多个FRAMESET时，想让整个页面跳转，需要用到top.location.href。

本人对JS研究不深，有不妥之处还望指教。


本人经验，仅供参考！

CYCAO7
关注
专栏目录
详解location.href几种用法的区别【JS跳转】
wangshengfei
04-19 3万+
一：提出问题 使用js的同学一定知道js的location.href的作用是什么，但是在js中关于location.href的用法究竟有哪几种，究竟有哪些区别，估计很多人都不知道了。 二：常见的几种形式 目前在开发中经常要用到的几种形式有: 1 self.location.href; 2 window.location.href;
window.location.href页面跳转的用法（区别于redirect）
10-25
window.location.href页面跳转的用法（区别于redirect）
js使用location.href实现url跳转
爬楼梯的前端小白的博客
07-28 4896
js使用location.href实现url跳转，以及介绍location属性
前端Vue篇之Vue-router 导航守卫有哪些、Vue-router 路由钩子在生命周期的体现、Vue-router跳转和location.href有什么区别
星辰迷上大海的博客
03-06 1760
Vue Router 中的导航守卫包括 beforeEach、beforeResolve、afterEach 和路由独享守卫 beforeEnter。这些守卫允许您在路由切换前、解析完成后和路由切换后执行自定义逻辑，比如权限验证、全局加载状态等。
关于js 中"window.location.href"、"parent.location.href"、"top.locatio 跳转问题
lxl100001的博客
07-13 340
转 http://blog.csdn.net/defonds/archive/2009/05/08/4159512.aspx "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明： 如果A,B,C...
解决location.href页面跳转失败问题
最新发布
m0_71959044的博客
05-17 988
日常开发过程中，写一个列表页面，当测试layui的表格行级操作（详情按钮）时，发现只是刷新当前列表页。没有跳转成功。然后又使用使其方式测试，发现可以跳转页面。于是又继续调试，发现问题出现在location.href.
关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别
12-09
如果D中js这样写 “[removed].href”、”location.href”：D页面跳转 “parent.location.href”：C页面跳转 “top.location.href”：A页面跳转 如果D页面中有form的话, <form>: form提交后D
JS的location.href跳出框架打开新页面的方法
10-25
在JavaScript中，`location.href` 是一个非常常用的属性，它用于获取或设置当前页面的URL。当我们在网页中处理框架（iframe）时，有时需要控制页面的导航行为，特别是当需要从框架内部跳转到一个新的页面，且希望这...
js中跳转页面
ahhmdwg的专栏
04-09 671
window.location.href、location.href是本页面跳转 parent.location.href是上一层页面跳转 top.location.href是最外层的页面跳转
ajax下window.location.href页面不跳转问题
Banxia228的博客
08-12 4083
ajax下window.location.hre页面不跳转问题(全面详解)
js调用html页面跳转,用js请求另外的html 怎样用js调用一个html文件
weixin_32891615的博客
06-03 1099
怎样用js调用一个html文件jquery 中的 $("#feeds").load("feeds.html"); 获取 feeds.html 的代码 放入 id为 feeds 里边想用js调用html页面的某部分内容，怎么实现？juqery $.ajax 请CSS布局HTML小编今天和大家分享另一个html页面的指定的一部分 哪位牛人知道，恳请指导。jquery或js如何获取指定url的HTML？...
解决js location.href路径正确但请求失败、无反应、不执行的问题
qq_44106712的博客
08-19 2347
** 解决js location href路径正确但不跳转、无反应、不执行的问题 先说明导致请求失败原因：url传值有长度限制，超出限制是不是无法传后面的值 修改前代码： location.href="${pageContext.request.contextPath}/permissionListServlet?operation=delPermission&id="+id; <script type="text/javascript"> function de
js案例：5秒后网页自动跳转location.href
tuzi007a的博客
04-11 1841
<!DOCTYPE HTML> <html> <head> <title>案例：5秒钟之后自动跳转页面</title> <meta charset="utf-8" /> <style> </style> </head> <body> <button...
记录一个h5页面打开很慢的问题
pyzhizhuren的博客
07-19 1906
公司的移动端有一个新闻栏目，前端请求之后进行渲染。线上存在一个问题，有些新闻打开的时候可能要等待几十秒，这是不能容忍的。下面是问题排查过程 1. 作为后端先是抓包查看了接口请求时间，发现不是接口返回慢，排除后端原因 2. 定位到问题可能出现在前端加载上，抓包查看请求了哪些文件，发现有有一个unkonw的js文件一直在加载，问题就是它了，这个js文件跨域了，这个文件的加载时间要15秒以上，失败后重新加载，就这样直达成功为止，这丢包这么严重吗需要多次加载?。在ping过这个js地址后发现有丢包的频率...
【location跳转的几种方法】
m0_46312303的博客
10-27 6170
location跳转的几种方法
Window.location.href命令在JS中跳转无效或自动忽略
苦涩精灵的博客
05-13 748
最近在做一个跳转本页面后提示信息window.location.href只能跳转一次，之后就自动忽略了。在下面加事件返回值即可跳转成功，注意：若在form提交函数中，则不会提交表单；若在超链接标签中，则不会跳转a标签的href window.location.href = "*****.html"; window.event.returnValue=false; ...
location.href解析
php菜鸟技术天地
06-02 1118
top.location.href="/url" 说的是在顶层页面打开url self.location.href="/url" 说的是仅本页面打开url地址 parent.location.href="/url" 说的是你窗口打开Url地址 应该还有一个this.location.href="/url" 用法和self的用法一致 还有就是如果页面当中有自定义的frame的话， 也可以将paren
跳转页面等待加载情况的解决
fengjiexyb的专栏
06-12 3458
http://blog.csdn.net/kid_wang/article/details/5939110 情况是这样的，A.aspx页面有个跳转地址的超链接，点击时，可以发生页面跳转。 但是如果页面B.aspx需要加载运算结束后才能显示的情况下，这样点击的人可能以为没反应而多次点击，导致页面崩溃。怎么避免呢，就是在跳转时先显示一个等待页面，等到真正的页面加载结束后，再
高性能Javascript--高效的数据访问
weixin_34008933的博客
10-10 94
　　接上一篇，希望能写一个高性能Javascript专题。 　　第一篇：高性能Javascript--脚本的无阻塞加载策略。 　　参考摘录《高性能Javascript》。 　　经典计算机科学的一个问题是，数据应当存放在什么地方，以实现最佳的读写效率。数据存储是否得当，关系到代码运行期间数据被检索到的速度。在Javascript中，此问题相对简单，因为数据表现方式只有少量方式可供选择。在Jav...
vue中有方法可以实现window.location.href页面跳转
11-16
在Vue中可以使用`$router.push()`方法实现页面跳转，该方法会将目标路由添加到路由历史记录中，从而实现页面跳转。具体使用方法如下： ```javascript // 在Vue组件中使用$router.push()方法实现页面跳转 this.$...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值