`

js 父子页面跳转问题

js 
阅读更多
js页面跳转的问题(跳转到父页面,跳转到最外层页面)
2011-01-14 16:16
"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页面刷新

转自:http://hi.baidu.com/pannijingling/blog/item/d57f0ddd651360b3cd11660e.html
注:本帖转自网络,感谢作者的无私奉献
分享到:
评论

相关推荐

    父子页面数据相互传递

    本示例聚焦于“父子页面数据相互传递”,旨在提供一种有效的方法来解决这一问题。 首先,我们来看一下父子页面的基本概念。在Web环境中,父页面通常指的是包含其他页面的页面,比如一个框架集或者一个弹出窗口。子...

    父子页面传数据.rar

    当从父页面跳转到子页面时,可以通过URL查询参数的方式传递数据。在父页面的`window.location.href`中添加参数,然后在子页面通过`window.location.search`获取这些参数。这种方式简单易用,但数据暴露在URL中,不...

    iframe父页面与子页面通信及相互调用方法

    - **`window.name`属性**:由于`window.name`的特性是跨页面保持不变的,因此可以利用这一点在页面跳转时传递数据。 - **`jQuery`插件**:`jqueryiframe`可能包含一些jQuery插件,如`iframeResizer`,这些插件...

    HTML页面跳转及参数传递问题

    在JavaScript中,有几种常见的页面跳转方法: 1. 使用`window.open()`函数,例如: ```javascript window.open(url, "", "width=600,height=400"); ``` 这里,`url`是要打开的页面地址,第二个空参数表示新窗口...

    Web前端页面跳转并取到值

    这里的`js_openPage`是一个JavaScript事件处理函数,它会被用来触发页面跳转。 接下来,我们关注B页面。B页面通常是一个表单,用户在这里输入信息后提交。B页面的头部配置可能会包含一个“提交”按钮,如: ```...

    layui框架中layer父子页面交互的方法分析

    // 如果指定了iframe,则在改frame中跳转 } else { top_iframe = top.getActiveTab().attr("name"); // 获取当前active的tab的iframe } inputForm.attr("target", top_iframe); // 表单提交成功后,从服务器...

    微信小程序 页面跳转和数据传递实例详解

    在微信小程序开发中,页面跳转和数据传递是两个核心概念,它们对于构建用户友好的交互体验至关重要。本文将深入探讨这两个主题,并提供实例代码帮助开发者理解和应用。 首先,了解微信小程序页面跳转的四种主要方式...

    解决vue做详情页跳转的时候使用created方法 数据不会更新问题

    在使用Vue.js开发详情页跳转功能时,开发者可能会遇到一个常见的问题:在详情页中使用Vue的生命周期钩子created或mounted方法时,数据更新似乎不会发生。这通常是因为Vue在进行页面跳转时,不会刷新整个页面,而是...

    QF2010 父子列表

    这通常意味着在渲染页面元素时出现了问题,可能是由于自定义表单的JavaScript或Web部件冲突导致的。在IE浏览器中,用户在输入会议主题后点击Add按钮添加KPI,弹出框确认后,会跳转到异常页面。 解决这个问题,可以...

    vue-router跳转页面的方法

    通过以上内容,你应该对 vue-router 的基本用法有了清晰的理解,包括安装、配置、页面跳转、路由组件以及父子组件间的通信。这些知识将帮助你在 Vue 项目中构建高效且灵活的导航系统。记住,实际应用中可能还需要...

    javascript 跨网页传值

    1. **窗口引用**:如果两个页面是父子关系(例如,一个是弹出的新窗口),可以通过`window.opener`或`window.parent`访问对方。 2. **窗口消息**:使用`window.postMessage`方法,两个无关联的页面可以通过事件监听...

    JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法

    本文实例讲述了JavaScript实现父子dom同时绑定两个点击事件,一个...一般来讲,当为一个a标签添加click事件以后,点击这个标签,会先执行绑定的事件、后跳转页面。一个input绑定blur事件以后,你在input里输入完内容,点

    详解layui弹窗父子窗口之间传参数的方法

    但是,在layui 弹窗父子窗口之间传参数是一个常见的问题。本文将详细介绍 layui 弹窗父子窗口之间传参数的方法。 首先,让我们了解一下 layui 弹窗的基本使用方法。layui 提供了 layer.open() 方法来打开一个新的...

    Vue路由切换页面不更新问题解决方案

    在使用Vue.js进行单页面应用开发时,经常遇到页面刷新不更新的问题。这个问题通常出现在使用vue-router进行页面路由切换时,尤其是当路由切换所涉及的组件相同时。这种情况下,Vue不会重新创建组件实例,而是复用已...

    解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题

    在Vue.js应用中,我们有时会使用自定义事件总线(bus)来实现非父子组件间的通信,特别是在不涉及路由的场景下。然而,当在路由跳转过程中使用bus进行数据传递时,可能会遇到首次跳转时数据未能成功传递的问题。这个...

    Javascript传值

    为了解决这些问题,JavaScript提供了一些其他的方式来进行页面间传值,尤其是对于父子页面的交互。 1. **`window.showModalDialog`的参数传递**:这是一个JavaScript内置的函数,可以用来打开一个模态对话框,并且...

    在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法

    在子页面的JavaScript代码中,我们可以获取并解析父页面传递的JSON数据: ```javascript $(function () { // 从父层获取值 var parent_json = eval('(' + parent.json + ')'); console.log(parent_json); }); ``...

    .NET中利用js让子窗体向父页面传值的实现方法

    在.NET开发中,有时我们需要在子窗口中进行操作并把结果传递回父窗口,以便在父窗口中继续处理。...通过这种方式,我们可以实现在.NET环境中利用JavaScript进行父子页面之间的数据交互,为用户提供更加丰富的交互体验。

    CRM管理后台VUE页面模板

    Vuex帮助管理和共享全局状态,尤其在大型项目中,能够确保数据在组件间的同步,避免了因父子组件通信或跨级组件通信复杂性而带来的问题。通过定义state、mutations、actions和getters,开发者可以有序地管理和操作...

Global site tag (gtag.js) - Google Analytics