编程 Javascript

关于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页面刷新

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript日历实现代码

Sep 12 Javascript

JavaScript 封装一个tab效果源码分享

Sep 15 Javascript

Javascript实现检测客户端类型代码封包

Dec 03 Javascript

js实现拖拽功能

Mar 01 Javascript

详解JS数组Reduce()方法详解及高级技巧

Aug 18 Javascript

一文让你彻底搞清楚javascript中的require、import与export

Sep 24 Javascript

jquery获取transform里的值实现方法

Dec 12 jQuery

为vue项目自动设置请求状态的配置方法

Jun 09 Javascript

利用node 判断打开的是文件还是文件夹的实例

Jun 10 Javascript

JS面向对象编程实现的Tab选项卡案例详解

Mar 03 Javascript

JQuery省市联动效果实现过程详解

May 08 jQuery

Vue 中如何将函数作为 props 传递给组件的实现代码

May 12 Javascript

jQuery Validation实例代码让验证变得如此容易

Oct 18 #Javascript

jQuery 验证插件 Web前端设计模式(asp.net)

Oct 17 #Javascript

基本jquery的控制tabs打开的数量的代码

Oct 17 #Javascript

Javascript表达式中连续的 && 和 || 之赋值区别

Oct 17 #Javascript

Javascript读取cookie函数代码

Oct 16 #Javascript

JavaScript 拾碎[三] 使用className属性

Oct 16 #Javascript

javascript使用eval或者new Function进行语法检查

Oct 16 #Javascript