关于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 相关文章推荐
可实现多表单提交的javascript函数
Aug 01 Javascript
javascript基础知识大集锦(二) 推荐收藏
Jan 13 Javascript
jQuery避免$符和其他JS库冲突的方法对比
Feb 20 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
jQuery实现的左右移动焦点图效果
Jan 14 Javascript
详解jQuery中的empty、remove和detach
Apr 11 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
IONIC自定义subheader的最佳解决方案
Sep 22 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
vue利用axios来完成数据的交互
Mar 23 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
prettier自动格式化去换行的实现代码
Aug 25 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实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
PHP中的print_r 与 var_dump 输出数组
2016/06/13 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
jQuery contains过滤器实现精确匹配使用方法
2013/04/12 Javascript
解析jQuery与其它js(Prototype)库兼容共存
2013/07/04 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
2018/03/15 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
Python 函数list&amp;read&amp;seek详解
2019/08/28 Python
Python 列表的清空方式
2020/01/13 Python
Python日期格式和字符串格式相互转换的方法
2020/02/18 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
shell变量的作用空间是什么
2013/08/17 面试题
教育科学研究生自荐信
2013/10/09 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
2015年班组建设工作总结
2015/05/13 职场文书
python文件目录操作之os模块
2021/05/08 Python
基于PostgreSQL/openGauss 的分布式数据库解决方案
2021/12/06 PostgreSQL