zoukankan      html  css  js  c++  java
  • JS与showModalDialog

    window.showModalDialog传值并刷新父窗口示例


    window.showModalDialog传值并刷新父窗口示例,father.html    

    <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">       

    <HTML>       

    <HEAD>       

    <TITLE>传值+刷新父窗口 </TITLE>       

    <mce:script   language="javascript"><!--             

    function openson(){       

    var obj = new Object();       

    obj.name="张三";     

    obj.address="中国北京市";    

    var k =window.showModalDialog("child.html",obj,"dialogWidth:800px;dialogHeight:600p;status:no;");       

    if(k.type==""){ //传递回的type为空的时候才刷新页面。     

       alert("刷新了"); //为了看效果加的,实际运用中请注掉     

       location.reload();       

    }       

    }       

    // --></mce:script>       

    </HEAD>       

             

    <BODY>       

    <input type="button" value="打开子窗口" onclick="openson()">       

    </BODY>       

    </HTML>     

        

    child.html    

        

    <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">       

    <HTML>       

    <HEAD>       

    <TITLE></TITLE>       

    <mce:script for="window" event="onload"><!--    

             var s = new Object();    

    s.type="";       

    window.returnValue=s;         

    var k=window.dialogArguments;     

    alert(k.name); //使用传递过来的nanme "张三“;       

    alert(k.address); //使用传递过来的address "中国北京市“;     

    // --></mce:script>       

    <mce:script type="text/javascript"><!--    

            function doRefresh(){       

    var s=new Object();       

    s.type="";//设置返回值。//这里返回刷新父页面。       

    window.returnValue=s;       

    window.close();       

    }         

    function doNotRefresh(){       

    var s=new Object();       

    s.type="OK";//设置返回值,值随便写,不为空就可以。//这里返回不刷新父页面。       

    window.returnValue=s;       

    window.close();       

    }       

    // --></mce:script>   

    </HEAD>       

    <BODY>       

    <input type="button" value="返回刷新" onclick="doRefresh()">     

       <input type="button" value="返回不刷新" onclick="doNotRefresh()">     

    </BODY>       

    </HTML> 

    window.showModalDialog传值刷新应用示例、

     

    window.showModalDialog传值刷新应用示例,传值+刷新的实际应用    

    parent3.html    

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   

    <HTML>   

    <HEAD>   

    <title>传值+刷新</title>   

    <mce:script type="text/javascript"><!--    

    function show(){    

    var params = new Array();    

    params[0] = "00000000000";    

    params[1] ="1111111111";    

    params[2]="22222222222";    

    var style = "dialogHeight:600px;dialogWidth:800px;status:no";    

    var k=window.showModalDialog("son3.html",params, style);    

    if(k.type==""){ //传递回的type为空的时候才刷新页面。    

    alert("刷新我了");    

    location.reload();       

    }

    }    

    // --></mce:script>   

    </HEAD>   

        

    <BODY>   

    <input type="button" value="open" onclick="show()">   

    aaaaaaaaaaaaaaaaaanfddddaas    

    <input type="text">   

    </BODY>   

    </HTML>   
     

    son3.html    

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   

    <HTML>   

    <HEAD>   

    <TITLE> New Document </TITLE>   

    <mce:script type="text/javascript"><!--    

    var s = new Object();    

    s.type="";   //设为空就可以刷新父窗口    

    window.returnValue=s;     


    var l_array=new Array();    

    l_array=window.dialogArguments;    

    var aa=l_array[0];    

    var bb=l_array[1];    

    var cc=l_array[2];    

    alert(aa);    

    alert(bb);    

    alert(cc);
    function closeWindow(){    

    window.close();    

    function doNotRefresh(){       

    var s=new Object();       

    s.type="OK";//设置返回值,值随便写,不为空就可以。//这里返回不刷新父页面。       

    window.returnValue=s;       

    window.close();       

    }     

    // --></mce:script>   

    </HEAD>

    <BODY>   

    sdafsdfafasdf<br>   

    <input type="button" value="closeAndRefresh" onClick="closeWindow()" />   

        <input type="button" value="closeAndRefresh" onClick="doNotRefresh()" />   

    </BODY>   

    </HTML>   

    window.showModalDialog只传值不刷新的示例

    window.showModalDialog只传值不刷新的示例,只传值不刷新    

    parent2.html    

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   

    <HTML>   

    <HEAD>   

    <mce:script type="text/javascript"><!--    

    function show(){    

    var params = new Array();    

    params[0] = "00000000000";    

    params[1] ="1111111111";    

    params[2]="22222222222";    

    var style = "dialogHeight:600px;dialogWidth:800px;status:no";    

    window.showModalDialog("son2.html",params, style);    

         }    

    // --></mce:script>   

    </HEAD>   

         <BODY>   

    <input type="button" value="open" onclick="show()">   

    aaaaaaaaaaaaaaaaaanfddddaas    

    <input type="text">   

    </BODY>   

    </HTML>   

        

    son2.html    

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   

    <HTML>   

    <HEAD>   

    <TITLE> New Document </TITLE>   

    <mce:script type="text/javascript"><!--    

    var l_array=new Array();    

    l_array=window.dialogArguments;    

    var aa=l_array[0];    

    var bb=l_array[1];    

    var cc=l_array[2];    

    alert(aa);    

    alert(bb);    

    alert(cc);    

    // --></mce:script>   

    </HEAD>   

        

    <BODY>   

    ssssssssssssssssssssssssssssssssss    

    </BODY>   

    </HTML>   

    window.showModalDialog刷新父窗口不传值的示例

    window.showModalDialog刷新父窗口不传值的示例,刷新父窗口(没有传值操作)    父页面打开时一定要传window参数    

    openModalDialog("son.html",window,800,600);    

    子页面中刷新:    

    window.dialogArguments.location="parent.html";//parent.html是父页面的地址    

       

    实例:    

    parent.html    

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   

    <HTML>   

    <HEAD>   

    <TITLE> </TITLE>   

    <mce:script type="text/javascript"><!--    

    function openModalDialog(url,name,iWidth,iHeight)    

    {     

    window.showModalDialog(url,name,'edge: Raised; center: Yes; help: Yes; resizable: Yes; status: No;dialogHeight:'+iHeight+'px;dialogWidth:'+iWidth+'px');    

    }    

    function show(){    

    openModalDialog("son.html",window,800,600);         

    }    

    // --></mce:script>   

    </HEAD>   

         <BODY>   

    <input type="button" value="open" onclick="show()">   

    </BODY>   

    </HTML>   

         son.html         

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   

    <HTML>   

    <HEAD>   

    <TITLE> New Document </TITLE>   

    <mce:script type="text/javascript"><!--    

    function aa(){    

    self.close();    

    window.dialogArguments.location="parent.html";    

         }    

    // --></mce:script>   

    </HEAD>   

         <BODY>   

    ssssssssssssssssssssssssssssssssss    

    <input type="button" value="close" onclick="aa()">   

    </BODY>   

    </HTML>

    本文来自: IT知道网(http://www.itwis.com/) 详细出处参考:http://www.itwis.com/html/programme/javascript/20101015/9289.html

    本文来自: IT知道网(http://www.itwis.com/) 详细出处参考:http://www.itwis.com/html/programme/javascript/20101015/9289.html

  • 相关阅读:
    JavaScript基础知识-标识符
    free命令常用参数详解及常用内存工具介绍
    GO语言的进阶之路-初探GO语言
    HTML&CSS基础-字体的其它样式
    HTML&CSS基础-字体的分类
    HTML&CSS基础-字体的样式
    python运维常用相关模块
    HTML&CSS基础-颜色的单位表示方法
    HTML&CSS基础-长度单位
    HTML&CSS基础-定义列表
  • 原文地址:https://www.cnblogs.com/scy251147/p/1859569.html
Copyright © 2011-2022 走看看