`

关于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页面跳转的用法(区别于redirect)

    ### window.location.href页面跳转的用法(区别于redirect) #### 概述 在Web开发过程中,页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转,但这种方式无法在跳转前执行客户端脚本...

    top.location.href和localtion.href有什么不同

    ### 关于`top.location.href`与`location.href`的区别及应用 #### 一、基本概念理解 在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前...

    详解js location.href和window.open的几种用法和区别.docx

    详解 JS location.href 和 window.open 的几种用法和区别 ...location.href 和 window.open() 是 JavaScript 中两个重要的方法,需要掌握它们的用法和区别,以便更好地实现页面的跳转和弹出窗口。

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

    如果D中js这样写 “[removed].href”、”location.href”:D页面跳转 “parent.location.href”:C页面跳转 “top.location.href”:A页面跳转 如果D页面中有form的话, &lt;form&gt;: form提交后D

    jsp 刷新父页面

    window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("&lt;script&gt;...

    window.parent与window.openner区别介绍

    今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最...

    js实现网页防止被iframe框架嵌套及几种location.href的区别

    首先我们了解一下:[removed].href、location.href、self.location.href、parent.location.href、top.location.href他们的区别与联系,简单的说:几种location.href的区别 js实现网页被iframe框架功能 “[removed]....

    js刷新页面location.reload()用法详解

    window.opener.location.href = window.opener.location.href; window.opener.location.reload(); ``` ### 6. 与`location.replace()`的区别 `location.replace()`函数会替换当前的历史记录条目,而`reload()`则会...

    window.open打开新窗口参数设置

    在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助开发者更好地掌握此方法的用法。 #### 一、`...

    各种js页面跳转代码

    在本文中,我们将总结多种JavaScript页面跳转代码,包括使用window.location.href、window.history.back、window.navigate、self.location等方法。 第一种:使用window.location.href window.location.href是...

    html框架集js刷新页面方法大全.pdf

    5. 使用 `window.parent.frames.item('bottom').location.reload()` 方法 6. 使用 `window.parent.bottom.location.reload()` 方法 7. 使用 `window.parent['bottom'].location.reload()` 方法 这些方法都可以实现...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    - **功能**: 与`window.navigate()`相同,但推荐使用`window.location.href`。 - **示例**: ```javascript window.location.href = window.location.href; // 刷新当前页面 window.location.href = ...

    javascript页面跳转常用代码.pdf

    需要注意的是,`window.location.href="要刷新的页面"`在某些浏览器(如IE6、Maxthon)中可能存在问题,建议使用`window.location.reload()`确保兼容性。 在服务器端,例如ASP.NET,可以使用以下方法进行页面跳转或...

    JS刷新父页面 父窗口

    - 使用`window.location.href = window.location.href;`也可以达到刷新页面的效果,但这种方法适用于当前窗口而不是父窗口。 - 使用`window.location.replace()`方法可以替换当前历史记录中的URL,从而实现刷新...

    js 返回上一页和刷新

    2. 使用Response对象:this.response.write("&lt;script&gt;opener.window.location.href=opener.window.location.href;&lt;/script&gt;")可以输出刷新父窗口脚本语句。 3. 使用Response对象:Response.Write("&lt;script language=...

    刷新父窗口的多种方法

    window.opener.location.href = window.opener.location.href; ``` 这里的关键在于利用`location.href`属性来重新设置父窗口的URL,从而达到刷新的目的。需要注意的是,这种方式并不会触发浏览器的缓存机制,而是会...

    js刷新页面 方法大全

    本文将详细介绍几种使用JavaScript刷新页面的方法,并结合一个具体的示例来解释它们的用法。 1. `window.location.reload()`: 这是最常用的方法,通过调用`window`对象的`reload()`方法,可以强制刷新当前页面。...

    js中刷新页面的方法

    在JavaScript(简称JS)开发中,页面刷新是一个常见的操作需求,尤其在前端开发领域尤为重要。本文将详细介绍在JS中实现页面刷新的各种方法及其应用场景,并深入探讨每种方法的工作原理及注意事项。 ### 一、`...

Global site tag (gtag.js) - Google Analytics