编程 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 相关文章推荐

Highslide.js是一款基于js实现的网页中图片展示插件

Mar 30 Javascript

javascript 原型模式实现OOP的再研究

Apr 09 Javascript

JavaScript DOM学习第一章 W3C DOM简介

Feb 19 Javascript

js日期、星座的级联显示代码

Jan 23 Javascript

jQuery简单图表peity.js使用示例

May 02 Javascript

JavaScript文本框脚本编写的注意事项

Jan 25 Javascript

Highcharts学习之数据列

Aug 03 Javascript

jQuery复制节点用法示例(clone方法)

Sep 08 Javascript

微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换

Nov 25 Javascript

JavaScript中this的用法实例分析

Dec 19 Javascript

Vue2.0组件间数据传递示例

Mar 07 Javascript

Vue2.0 多 Tab切换组件的封装实例

Jul 28 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