`
y806839048
  • 浏览: 1121171 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

js跳转级别控制:js中跳转到父子区别

    博客分类:
  • js
js 
阅读更多

js跳转级别控制:js中跳转到父子区别:

同级别的跳转:window.location.href

跳转到父级别:parent.location

 

在用iframe等套的子页面操作之后跳转的页面不在子的iframe中,要求在父的框中则用parent.location 或者parent.location.href,

在当前框中跳转用window.location.href

 

 

window.location.href、location.href是本页面跳转

parent.location.href是上一层页面跳转

top.location.href是最外层的页面跳转

 

 

 

在操纵元素的时候用:层级关系路径操纵(http://hubin19860118-163-com.iteye.com/blog/961413)

Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系:Windwo对象→Parent对象→Frame对象→Document对象→Form对象。

 

示例:

A系统中嵌入洽谈页

 

<iframe src="http://localhost:8082/esteelChat/chat/offer/list/${conobjKey}/${customerKey}" width="101%"  frameborder="0" height="600px" id="dataIframe">

</iframe>

 

洽谈系统中控制,完成直接成交后后跳转到洽谈页的父级别,即A系统的框级别

/**

*标的成交

*/

function applyInfoNew(objKey,ord_key,ORDPRICE_NO,NEW_PRICE,chatNum,ARTNFLAG,CNT_KEY){

var cnt_num=$("input[name='newNum']").val();

var orderPrice=$("input[name='orderPrice']").val();

jQuery.ajax({

async:true,

url:webUrl+"/chat/offer/buyInfo?cnt_price="+NEW_PRICE+"&conobj_key="+objKey+"&cnt_num="+chatNum,

cache:false,

timeout:10000,

datatype:"json",

success:function(data){

if(data.status=="1"){

alert(data.msg);

return;

}else{

//alert(2);

if (confirm("您确认成交吗?")) {

 

var CONTRADE_KIND = $("input[name='contradeKind']").val();

//alert(CONTRADE_KIND);

//document.form2.action=path+"/negotiate!applyNew.do?urlType=dicker&objKey="+objKey+"&conOrdPriceBean.ORD_KEY="+ord_key+"&conOrdPriceBean.ORDPRICE_NO="+ORDPRICE_NO+"&conOrdPriceBean.CONTRADE_KIND="+CONTRADE_KIND;

//document.form2.submit();

$.ajax({

url:webUrl+"/chat/offer/applyNew?urlType=dicker&objKey="+objKey+"&ord_key="+ord_key+"&ORDPRICE_NO="+ORDPRICE_NO+"&CONTRADE_KIND="+CONTRADE_KIND,

type:"post",

cache:false,

async:true,

dataType:"json",

data:$("#form2").serialize(),

success:function(ret){

if(ret.status=="1"){

//alert(ret.status);window.location.href

parent.location="http://localhost:8081/web/conObj/buyDetail.do?txt_conobj_key="+objKey+"&txt_contrade_kind="+CONTRADE_KIND+"&pick_types=A&jianjibuynum=0&order_prices="+orderPrice+"&cdListKeyArrayFront="+""+"&buyNum="+chatNum+"&ARTNFLAG="+ARTNFLAG+"&CNT_KEY="+CNT_KEY+"&msg="+encodeURIComponent(ret.msg);

//window.location.href=webUrl+"/web/conObj/buyDetail.do?txt_conobj_key="objKey+"&txt_contrade_kind="+CONTRADE_KIND+"&pick_types=A&jianjibuynum=0&order_prices="+orderPrice+"&cdListKeyArrayFront="+"";

//$.zd.alert("提示信息","恭喜您已成交",function(){

//parent.location=webUrl+"/conObj!buyPrint.do?urlType=dicker&CNT_KEY="+ret.msg;

//});

}else{

//alert(8);

alert(ret.msg);

parent.location="http://localhost:8081/web/conObj/buyDetail.do?txt_conobj_key="+objKey+"&txt_contrade_kind="+CONTRADE_KIND+"&pick_types=A&jianjibuynum=0&order_prices="+orderPrice+"&cdListKeyArrayFront="+""+"&buyNum="+chatNum+"&ARTNFLAG="+ARTNFLAG+"&CNT_KEY="+CNT_KEY+"&msg="+encodeURIComponent(ret.msg);

//$.zd.alert("提示信息",ret.msg,function(){

//refreshInfoData();

//});

}

},

error:function(retMsg){

parent.location="http://localhost:8081/web/conObj/buyDetail.do?txt_conobj_key="+objKey+"&txt_contrade_kind="+CONTRADE_KIND+"&pick_types=A&jianjibuynum=0&order_prices="+orderPrice+"&cdListKeyArrayFront="+""+"&buyNum="+chatNum+"&ARTNFLAG="+ARTNFLAG+"&CNT_KEY="+CNT_KEY+"&msg="+encodeURIComponent(retMsg.msg);

//window.location.hre="http://localhost:8081/web/siteindex.do";

 

//refreshInfoData();

}

});

 

}else{

return false;

}

}

},

error:function(XMLHttpResuest,textStatus,errorThrown){}

});

 

/**if(confirm("确认以价格"+NEW_PRICE+",成交?")){

var CONTRADE_KIND = $("input[name='CONTRADE_KIND']").val();

document.form2.action="${path}/NegotiateAction!applyNew.action?urlType=dicker&objKey="+objKey+"&conOrdPriceBean.ORD_KEY="+ord_key+"&conOrdPriceBean.ORDPRICE_NO="+ORDPRICE_NO+"&conOrdPriceBean.CONTRADE_KIND="+CONTRADE_KIND;

document.form2.submit();

}*/

}

 

分享到:
评论

相关推荐

    javascript 跨网页传值

    JavaScript跨网页传值是Web开发中的常见需求,它允许用户在不同的HTML页面间传递数据,无需依赖服务器端技术如JSP中的session。本教程将详细讲解如何实现这一功能,主要涉及JavaScript的基础知识以及一些实用技巧。 ...

    父子页面数据相互传递

    这涉及到用户交互、页面跳转以及状态管理等多个方面。本示例聚焦于“父子页面数据相互传递”,旨在提供一种有效的方法来解决这一问题。 首先,我们来看一下父子页面的基本概念。在Web环境中,父页面通常指的是包含...

    vue.js教程 前端

    Vue.js 是一款轻量级的前端JavaScript框架,它以其易学易用、高效灵活的特点深受开发者喜爱。在本文中,我们将深入探讨Vue.js的核心概念、关键特性以及如何通过学习Vue.js来提升前端开发技能。 首先,Vue.js的核心...

    父子页面传数据.rar

    在前端开发中,父子页面之间的数据传递是一种常见的需求,特别是在构建多层嵌套的Web应用时。本资源“父子页面传数据.rar”提供了一个经过测试的解决方案,确保了其功能的稳定性。以下将详细讲解父子页面之间数据...

    毕业设计,使用vue+node.js+mysql完成的资金流水后台管理系统.zip

    7. **路由管理**:在Vue.js中,可能使用Vue Router来管理应用程序的路由,实现页面的跳转和导航。而在Node.js中,Express的路由机制用于处理不同的HTTP请求并响应相应的视图或数据。 8. **状态管理**:对于复杂应用...

    JavaScript_BOM.txt

    - `go(num | URL)`:跳转到历史记录中的某一页。 #### 四、位置对象 (Location) - `hash`:获取或设置 URL 中的锚点。 - `host`:获取 URL 中的主机和端口。 - `hostname`:获取 URL 中的主机名。 - `href`:获取...

    Web前端页面跳转并取到值

    总结起来,Web前端页面跳转并取到值涉及的关键点包括:页面间的通信机制(如父子窗口、URL参数、存储)、表单数据的提交与验证、Ajax请求以及处理返回数据的回调函数。理解这些知识点,可以帮助开发者实现更复杂的...

    QF2010 父子列表

    此案例中,用户遇到了一个关于"QF2010 父子列表"的问题,涉及到SharePoint列表之间的关联以及自定义表单的创建。下面我们将详细探讨这个问题以及可能的解决方案。 首先,QF可能指的是QuickFlow,一个用于自动化工作...

    JavaScript树形菜单

    这些库提供了预定义的样式和丰富的API,便于快速集成到项目中。 **性能优化** 对于大型数据集,一次性渲染所有节点可能导致页面加载缓慢。这时可以考虑使用虚拟滚动、懒加载等技术,只在需要时渲染可见部分的节点。...

    vue-router跳转页面的方法

    在你的 Vue 组件模板中,需要有一个 `&lt;router-view&gt;` 标签作为路由出口,被路由到的组件将会在这个位置渲染。 ```html &lt;router-view&gt;&lt;/router-view&gt; ``` ### 父子组件通信 #### props Vue 中,父组件可以通过 `...

    Vue.js权威指南

    Vue.js作为当前前端领域的主流框架之一,其简洁的设计理念、强大的功能和易上手的特点,使得它在全球范围内受到了广泛的欢迎。下面将详细阐述Vue.js的核心知识点和重要特性。 1. **Vue.js简介**:Vue.js是由尤雨溪...

    前端面试题vue,css.,javascript

    ### 前端面试知识点详解 ...以上内容涵盖了前端开发中较为重要的几个方面,包括 Vue.js、CSS 和 JavaScript 的核心概念和技术点。对于前端开发者而言,掌握这些知识点有助于提升项目开发效率和质量。

    VUE面试题目VUE基础

    Vue.js 是一个流行的前端JavaScript框架,以其渐进式特性、响应式数据绑定和组件化开发而闻名。在面试中,了解Vue的基础知识是至关重要的,包括但不限于Vue实例的生命周期、计算属性与方法、指令系统、组件通信、...

    js树形导航菜单制作点击展开收缩二级菜单

    在JavaScript编程中,树形导航菜单是一种常见的网页交互元素,尤其在网站的侧边栏、内容目录或文件管理系统中广泛使用。它通过层级结构展示数据,允许用户通过点击展开或收缩节点来查看或隐藏子菜单。本文将深入探讨...

    js实现左侧树

    在我们的场景中,每个菜单项可以视为一个节点,它们之间可能存在父子关系。 接着,我们讨论数据结构的设计。在JavaScript中,我们可以用对象来表示树的节点,例如: ```javascript var node = { id: '1', text: ...

    Vue.js面试题,这些问题涵盖了Vue.js的各个方面,从基础知识到高级主题

    Vue.js 是一款轻量级的前端JavaScript框架,它以其易学易用、高效灵活的特点深受开发者喜爱。Vue的核心思想是声明式渲染,它允许开发者通过简单的模板语法来描述UI与数据之间的关系。与React和Angular相比,Vue在...

    基于vue.js的仿拉勾网项目.zip

    Vue.js 是一款轻量级的前端JavaScript框架,以其易学易用、高性能和组件化的特点在Web开发领域受到广泛欢迎。这个"基于vue.js的仿拉勾网项目"旨在通过模仿拉勾网的界面和功能,帮助开发者学习和实践Vue.js的使用。...

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

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

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

    如果你想细致了解JavaScript中的事件发生,请慢慢阅读。 1. 原生事件的发生顺序 一般来讲,当为一个a标签添加click事件以后,点击这个标签,会先执行绑定的事件、后跳转页面。一个input绑定blur事件以后,你在input...

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

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

Global site tag (gtag.js) - Google Analytics