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跨网页传值是Web开发中的常见需求,它允许用户在不同的HTML页面间传递数据,无需依赖服务器端技术如JSP中的session。本教程将详细讲解如何实现这一功能,主要涉及JavaScript的基础知识以及一些实用技巧。 ...
这涉及到用户交互、页面跳转以及状态管理等多个方面。本示例聚焦于“父子页面数据相互传递”,旨在提供一种有效的方法来解决这一问题。 首先,我们来看一下父子页面的基本概念。在Web环境中,父页面通常指的是包含...
Vue.js 是一款轻量级的前端JavaScript框架,它以其易学易用、高效灵活的特点深受开发者喜爱。在本文中,我们将深入探讨Vue.js的核心概念、关键特性以及如何通过学习Vue.js来提升前端开发技能。 首先,Vue.js的核心...
在前端开发中,父子页面之间的数据传递是一种常见的需求,特别是在构建多层嵌套的Web应用时。本资源“父子页面传数据.rar”提供了一个经过测试的解决方案,确保了其功能的稳定性。以下将详细讲解父子页面之间数据...
7. **路由管理**:在Vue.js中,可能使用Vue Router来管理应用程序的路由,实现页面的跳转和导航。而在Node.js中,Express的路由机制用于处理不同的HTTP请求并响应相应的视图或数据。 8. **状态管理**:对于复杂应用...
- `go(num | URL)`:跳转到历史记录中的某一页。 #### 四、位置对象 (Location) - `hash`:获取或设置 URL 中的锚点。 - `host`:获取 URL 中的主机和端口。 - `hostname`:获取 URL 中的主机名。 - `href`:获取...
总结起来,Web前端页面跳转并取到值涉及的关键点包括:页面间的通信机制(如父子窗口、URL参数、存储)、表单数据的提交与验证、Ajax请求以及处理返回数据的回调函数。理解这些知识点,可以帮助开发者实现更复杂的...
此案例中,用户遇到了一个关于"QF2010 父子列表"的问题,涉及到SharePoint列表之间的关联以及自定义表单的创建。下面我们将详细探讨这个问题以及可能的解决方案。 首先,QF可能指的是QuickFlow,一个用于自动化工作...
这些库提供了预定义的样式和丰富的API,便于快速集成到项目中。 **性能优化** 对于大型数据集,一次性渲染所有节点可能导致页面加载缓慢。这时可以考虑使用虚拟滚动、懒加载等技术,只在需要时渲染可见部分的节点。...
在你的 Vue 组件模板中,需要有一个 `<router-view>` 标签作为路由出口,被路由到的组件将会在这个位置渲染。 ```html <router-view></router-view> ``` ### 父子组件通信 #### props Vue 中,父组件可以通过 `...
Vue.js作为当前前端领域的主流框架之一,其简洁的设计理念、强大的功能和易上手的特点,使得它在全球范围内受到了广泛的欢迎。下面将详细阐述Vue.js的核心知识点和重要特性。 1. **Vue.js简介**:Vue.js是由尤雨溪...
### 前端面试知识点详解 ...以上内容涵盖了前端开发中较为重要的几个方面,包括 Vue.js、CSS 和 JavaScript 的核心概念和技术点。对于前端开发者而言,掌握这些知识点有助于提升项目开发效率和质量。
Vue.js 是一个流行的前端JavaScript框架,以其渐进式特性、响应式数据绑定和组件化开发而闻名。在面试中,了解Vue的基础知识是至关重要的,包括但不限于Vue实例的生命周期、计算属性与方法、指令系统、组件通信、...
在JavaScript编程中,树形导航菜单是一种常见的网页交互元素,尤其在网站的侧边栏、内容目录或文件管理系统中广泛使用。它通过层级结构展示数据,允许用户通过点击展开或收缩节点来查看或隐藏子菜单。本文将深入探讨...
在我们的场景中,每个菜单项可以视为一个节点,它们之间可能存在父子关系。 接着,我们讨论数据结构的设计。在JavaScript中,我们可以用对象来表示树的节点,例如: ```javascript var node = { id: '1', text: ...
Vue.js 是一款轻量级的前端JavaScript框架,它以其易学易用、高效灵活的特点深受开发者喜爱。Vue的核心思想是声明式渲染,它允许开发者通过简单的模板语法来描述UI与数据之间的关系。与React和Angular相比,Vue在...
Vue.js 是一款轻量级的前端JavaScript框架,以其易学易用、高性能和组件化的特点在Web开发领域受到广泛欢迎。这个"基于vue.js的仿拉勾网项目"旨在通过模仿拉勾网的界面和功能,帮助开发者学习和实践Vue.js的使用。...
在Vue.js应用中,我们有时会使用自定义事件总线(bus)来实现非父子组件间的通信,特别是在不涉及路由的场景下。然而,当在路由跳转过程中使用bus进行数据传递时,可能会遇到首次跳转时数据未能成功传递的问题。这个...
如果你想细致了解JavaScript中的事件发生,请慢慢阅读。 1. 原生事件的发生顺序 一般来讲,当为一个a标签添加click事件以后,点击这个标签,会先执行绑定的事件、后跳转页面。一个input绑定blur事件以后,你在input...
在微信小程序开发中,页面跳转和数据传递是两个核心概念,它们对于构建用户友好的交互体验至关重要。本文将深入探讨这两个主题,并提供实例代码帮助开发者理解和应用。 首先,了解微信小程序页面跳转的四种主要方式...