关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
2016-05-05 08:58
495 查看
关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法
"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页面刷新
"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页面刷新
相关文章推荐
- 关于jsp、html重新加载后台html布局标签语言
- JSON.stringify与JSON.parse
- js面向对象和继承
- ajax小demo---CORS的原理分析及简单使用
- JavaScript 详说事件机制之冒泡、捕获、传播、委托
- cojs 榴莲 题解报告
- javascript闭包详解及常见陷进
- 浅析JS异步加载进度条
- 探讨:JavaScript ECAMScript5 新特性之get/set访问器
- javascript执行环境及作用域详解
- js ajaxfileupload.js上传报错的解决方法
- 详解Backbone.js框架中的模型Model与其集合collection
- 全面解析JavaScript的Backbone.js框架中的Router路由
- 实例讲解JavaScript的Backbone.js框架中的View视图
- javaScript中的原型解析【推荐】
- 详解JavaScript中基于原型prototype的继承特性
- 深入理解js promise chain
- 整理JavaScript对DOM中各种类型的元素的常用操作
- JS中dom0级事件和dom2级事件的区别介绍
- JavaScript编写检测用户所使用的浏览器的代码示例