关于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 相关文章推荐
jQuery入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
juqery 学习之三 选择器 可见性 元素属性
Nov 25 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
Jul 29 Javascript
ECMAScript6函数默认参数
Jun 12 Javascript
jQuery表单验证功能实例
Aug 28 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
js+css实现打字效果
Jun 24 Javascript
react写一个select组件的实现代码
Apr 03 Javascript
Javascript文本框脚本实现方法解析
Oct 30 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 无极分类(递归)实现代码
2010/01/05 PHP
php获取mysql数据库中的所有表名的代码
2011/04/23 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
一个可以增加和删除行的table并可编辑表格中内容
2014/06/16 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
js 左右悬浮对联广告代码示例
2014/12/12 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
Vue实现百度下拉提示搜索功能
2017/06/21 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
2019/09/20 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
2020/09/09 Javascript
JS实现炫酷轮播图
2020/11/15 Javascript
[00:50]2014DOTA2国际邀请赛 NEWBEE战队回顾
2014/08/01 DOTA
Python实现各种排序算法的代码示例总结
2015/12/11 Python
flask中主动抛出异常及统一异常处理代码示例
2018/01/18 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
Flask框架路由和视图用法实例分析
2019/11/07 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
python源文件的字符编码知识点详解
2021/03/04 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
瑞典廉价机票预订网站:Seat24
2018/06/19 全球购物
大学生会计职业生涯规划范文
2014/02/28 职场文书
保险经纪人求职信
2014/03/11 职场文书
会计电算化专业求职信
2014/06/10 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
教师批评与自我批评(群众路线)
2014/10/15 职场文书
少年雷锋观后感
2015/06/10 职场文书
环保建议书作文400字
2015/09/14 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers