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


Posted in Javascript onOctober 18, 2010

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

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

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

举例说明:

如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

"window.location.href"、"location.href":D页面跳转

"parent.location.href":C页面跳转

"top.location.href":A页面跳转

如果D页面中有form的话,

<form>: form提交后D页面跳转

<form target="_blank">: form提交后弹出新页面

<form target="_parent">: form提交后C页面跳转

<form target="_top"> : form提交后A页面跳转

关于页面刷新,D 页面中这样写:

"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )

"top.location.reload();": A页面刷新

Javascript 相关文章推荐
根据json字符串生成Html的一种方式
Jan 09 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 Javascript
开启Javascript中apply、call、bind的用法之旅模式
Oct 28 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
jQuery基于排序功能实现上移、下移的方法
Nov 26 Javascript
Vue数组更新及过滤排序功能
Aug 10 Javascript
使用vuex的state状态对象的5种方式
Apr 19 Javascript
JavaScript中创建原子的方法总结
Aug 26 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 Javascript
JavaScript实现移动端拖动元素
Nov 24 Javascript
jQuery Validation实例代码 让验证变得如此容易
Oct 18 #Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 #Javascript
基本jquery的控制tabs打开的数量的代码
Oct 17 #Javascript
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
Oct 17 #Javascript
Javascript读取cookie函数代码
Oct 16 #Javascript
JavaScript 拾碎[三] 使用className属性
Oct 16 #Javascript
javascript使用eval或者new Function进行语法检查
Oct 16 #Javascript
You might like
一些php技巧与注意事项分析
2011/02/03 PHP
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
体育彩票排列三组选三算法分享
2014/03/07 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
javascript prototype原型操作笔记
2009/12/07 Javascript
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
简单的分页代码js实现
2016/05/17 Javascript
详解Javascript函数声明与递归调用
2016/10/22 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
在vue中添加Echarts图表的基本使用教程
2017/11/22 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
React 组件间的通信示例
2018/06/14 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
微信小程序之 catalog 切换实现解析
2019/09/12 Javascript
[03:49]DOTA2英雄基础教程 光之守卫
2014/01/14 DOTA
Python实现将Excel转换为json的方法示例
2017/08/05 Python
python3+PyQt5实现文档打印功能
2018/04/24 Python
django的403/404/500错误自定义页面的配置方式
2020/05/21 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
机械设计及其自动化专业推荐信
2013/10/31 职场文书
工商管理毕业生推荐信
2013/12/24 职场文书
视光学毕业生自荐书范文
2014/02/13 职场文书
测控技术自荐信
2014/06/05 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
中层干部考核评语
2015/01/04 职场文书
考试作弊检讨书
2015/01/27 职场文书
开学典礼观后感
2015/06/15 职场文书
中学教师教学工作总结
2015/08/13 职场文书
礼貌问候语大全
2015/11/10 职场文书