window.open()页面之间函数传值

  项目中遇到的问题,使用window.open()开一个页面之后,cookie会消失,所以无法一键切肤不管作用,解决方案如下:

window.open()总结:

window.open("sUrl","sName","sFeature","bReplace");
sUrl:可选项。字符串(String)。指定要被加载的HTML文档的URL地址。假如无指定值,则about:blank的新窗口会被显示。
sName:可选项。字符串(String)。指定打开的窗口的名字。这个名字可以用于form或a对象的TARGET属性。此名字也可以使用下列通用名称:_media:IE6.0在浏览器左边的媒体面板内打开sUrl。
_blank:在新窗口中打开sUrl。
_parent:在当前框架的父框架内打开。假如当前框架无父框架,此参数值等同于_self。
_search:IE5.0在浏览器左边的搜索面板内打开sUrl。
_self:sUrl在当前窗口中打开,覆盖当前文档。
_top:在所有框架之外的最顶层窗口中打开sUrl。假如当前窗口无框架结构,此参数值等同于_self。
sFeatures:可选项。字符串(String)。指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时,此参数的设置才会发生作用。channelmode={yes|no|1|0}指定是否将窗口显示为频道模式。默认值为no。
directories={yes|no|1|0}指定是否显示「链接」按钮。默认值为yes。
fullscreen={yes|no|1|0}指定是否以全屏方式显示窗口。默认值为no。要小心使用全屏模式,因为这种模式会隐藏浏览器窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能,用户可以使用ALT+F4快捷键关闭窗口。
height=number设置窗口的高度。最小值为100。
left=number设置窗口左上角相对于桌面的横坐标。单位为像素(px)。
width=number设置窗口的宽度。最小值为100。
top=number设置窗口左上角相对于桌面的纵坐标。单位为像素(px)。
location={yes|no|1|0}设置是否显示浏览器窗口的地址栏。默认值为yes。
menubar={yes|no|1|0}设置是否显示浏览器窗口的菜单栏。默认值为yes。
resizable={yes|no|1|0}设置窗口是否允许被用户改变尺寸。默认值为yes。
scrollbars={yes|no|1|0}设置窗口是否可以具有滚动条。默认值为yes。
status={yes|no|1|0}设置是否显示浏览器窗口的状态栏。默认值为yes。
titlebar=
{yes|no|1|0}设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式(HTA)或被信任的对话框,否则此参数将被忽略。默认值为
yes。toolbar={yes|no|1|0}设置是否显示浏览器窗口的工具条。默认值为yes。
bReplace:可选项。布尔值(Boolean)。false|true。false:新打开的文档覆盖历史列表里的当前文档。true:文新打开的文档被简单的添加到历史列表的最后。

返回值:
oNewWindow:对象(Element)。返回对新的window对象的引用。

实例:

 $("#terminalControl").bind("click",function(){
      $("#terminalControl").removeClass();
      $("#terminalControl").addClass("btn_pointToPint " + $.cookie("color"));//先清除class,再增加class,此class我准备在window.open的页面需要获取到
        var keyValue = $("#gridTable").jqGridRowValue("id");
        var rowData = $("#gridTable").jqGrid(‘getRowData‘,keyValue);
       if(checkedRow(keyValue)){
          $(this).attr("disabled","disabled");
              $.ajax({
               async:true,
           url:‘${basePath}/ptp/ptpAction_ipValid.do‘,
           data:{ip:getcellTitle(rowData.ip)},
           beforeSend:function(){
            $("#terminalControl").attr("value",‘<s:text name="cems.ptp"></s:text>‘);
           },
           success:function(responseText){
             $("#terminalControl").attr("value",‘<s:text name="cems.ok"></s:text>‘);
             $("#terminalControl").removeAttr("disabled");
               var obj = eval("(" + responseText + ")");

             if(obj.result == "success"  ){
               var resourceId="";
              $.each(top.authorizeMenuData,function(i,n){
                if(n.text=="点对点控制"&&n.mark=="menu"||n.text=="ptpControl"&&n.mark=="menu"){
                    resoureId=n.id;
                }

              })
              window.open("${basePath}/ptp/ptpAction_main.do?resourceId="+resoureId,"_black"," toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=no, status=yes",false); 

             }else if(obj.result == "multi"){
               var ip = $("#ip_input").val();
               dialogOpen({
                id: "ptp",
                      title: "在线设备",
                      url: "/ptp/ptpAction_listUI.do?ip="+ip,
                      width: "500px",
                      height: "1000px",
                      offset:"rb",
                      btn:null,

               })
             }
             else if(obj.result == "connectServerFail"){
                 dialogMsg("连接服务器失败!",0);
             }else if(obj.result == "analyzeError"){
              dialogMsg("服务配置解析数据失败!",0);
             }else if(obj.result == "notOnline"){
              dialogMsg("该设备不在线!",0);
             }else{
              dialogMsg(‘<s:text name="cems.public.msgFail"></s:text>‘,0);
               }
          }
          });
        }
       return false;
    });

从window.open的页面获取到button的class:

 var color = window.opener.document.getElementById("terminalControl").className.split(" ")[1];
 $("body").addClass(color);

注意:只能从window.open的url页面才能获取到:window.opener,这样就可以获取到window.open的父级页面上的任何元素。

方法:

1、在父级页面 test.aspx 的点击<input type="button" id="btnShow" onclick="showItem();"  value="显示子窗体"/>按钮触发 ,然后 :

function showItem() {
    var  win = window.open("test2.aspx",null," height=300,width=450,  Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");
}

2: 在子级页面test2.aspx的点击<input type="button" id="btnSelect" onclick="check();"  value="选择"/> 按钮触发,然后:

function check() {
    window.opener.document.getElementById("txtId").value=id;
    window.opener.document.getElementById("txtName").value=name;
}

这样,父级页面的document.getElementById("txtId") 和 document.getElementById("txtName") 2个控件就可以得到子级页面的返回值。

时间: 2024-08-04 15:11:32

window.open()页面之间函数传值的相关文章

MUI APP关于页面之间的传值,plusready和自定义事件

最近在用MUI开发这个APP,发现有时候这个plusready不起作用,表现在,这个页面如果重复打开,这个plusready就进不去,然后上一个页面传过来的值,就没法接收了.这个经过MUI官方确认,是有可能发生的,所以,这里面的话,就需要通过自定义事件,来确保这个值能正确传递. 首先,我先演示一下,通常我们页面之间的传值的方法,如下: 参数生成页面: mui.openWindow({ id: 'lightMapMain.html', url: 'lightMapMain.html', show:

iOS 页面之间的传值总结

iOS 页面之间的传值总结   1.属性传值 (1): 属性传值第一步需要用到什么类型就定义什么样的属性 (2): 从上一个页面到一个页面的选中方法里面将要传的值传到来(上一个页面)备注:这种方法只适用于上一个页面推到下一个页面. 如:MainViewController与SecondViewController两个视图控制器,点击MainViewController中的按钮将跳转到SecondViewController视图,同时想要传递一个值过去.这时可以利用属性传值. 首先SecondVi

IOS 页面之间的传值(主讲delegate)

IOS的Delegate,通俗一点说就是页面之间的传值. 总结一下现在知道的IOS页面之间传值的方式有三种 1.使用NSNotification发送通知的传值 主要是通过NSNotificationCenter发送一个通知,他不知道要把值传给谁,当监听的页面收到通知消息,才会获取到消息. 2.是利用属性来传值,我主要是用到A->B中A页面要跳转到B页面,也就把B中需要A的参数通过preparFroSegue方法从A传给B 3.通过NSUserDefault来传值,其主要思想是把值写到本地化的一个

iOS delegate 实现页面之间的传值

最近刚刚接触ios开发,也没有一本好的书可以阅读,所有的功能都只能靠自己的摸索实现.这两天在做多个页面之间的跳转和传值问题, 页面跳转看我另一篇文章http://blog.csdn.net/xiaotanyu13/article/details/7711954 现在将用delegate来传值 一开始看网上的资源有些看不懂,总感觉很高深的样子 后来一想,实际上delegate传值的实质就是: 比如右AB两个页面,A想要传值给B ,就只要先在A中得到B的指针,然后将想要传的值赋给B,之后跳转, 话不

struts2怎么实现页面到页面之间的传值?

我要实现一个产品订购的功能,在浏览产品的时候通过点击一个订购的链接,跳转到提交订单的页面,在跳转的同时要把浏览的产品的名称和型号传到提交订单的页面,并且把这里的订单类的产品名称和型号的表单域里赋上传递过来的值,因为只用到两个值,不想通过Action去操作,只涉及页面之间的值传递... 我是这样做的: 在浏览产品页面有:<a href='<s:url value="orderList_add.jsp" > <s:param name="productNa

项目分享三:页面之间的传值

一.回调函数的使用 我们首先来看一下,页面间传值的一个经典例子,列表页与明细页之间的传值,如下面二张图所图.在列表页点击评价晒单,进入评价晒单页面,当用户在该页面完成操作后,列表页对应的选项,相应地改为“已评价".那么这个是怎么实现的呢?在这个案例里面,使用的是 回调函数 ,我们来看一下相关的代码. 下面这段代码,是列表页的代码,当用户点击”评价晒单“按钮时,打开评价晒单详细页.关键点在于 evaluatePage['submited'] 这个回调函数. evaluate = (item) =&

如何实现两个页面之间进行传值

参考地址:http://blog.csdn.net/hlk_1135/article/details/52809468 B/S页面间通信 HTTP是无状态的协议.Web页面本身无法向下一个页面传递信息,如果需要让下一个页面得知该页面中的值,除非通过服务器.因此,Web页面保持状态并传递给其它页面,是一个重要的技术. Web页面之间传递数据,是Web程序的重要功能 在HTTP协议中一共有4种方法来完成这件事情: 1)URL传值:2)表单传值:3)Cookie方法:4)Session方法: 一.UR

iframe父页面与子页面之间的传值问题

一.父页面给iframe中的子页面传值,把值写入子页面的文本框里 father.html <script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>  <script type="text/javascript">  function fuzhi(

静态页面之间如何传值

一:JavaScript静态页面值传递之URL篇 能过URL进行传值.把要传递的信息接在URL上. 例子: 参数传出页面Post.htm—> <input type="text" name="username"> <input type="text" name="sex"> <input type="button" value="Post"> &