zoukankan      html  css  js  c++  java
  • javascript模态窗体各种用法(转)

    1。打开窗口:
    var handle = window.showModalDialog(url, objects, feathers);
    其中:objects可以为参数(包括数组),也可以是对象。
    通常的用法 objects = {window} ,把父窗体的对象共享给子窗体。

    2。关闭子窗口:
    window.close();

    3。从子窗体传参数给父窗体:
    window.returnVal = string;

    4。清除缓存,防止模式窗口页面不更新的情况:
    HTML
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="Mon, 23 Jan 1978 20:52:30 GMT">
    ASP
    <%
    Response.Expires = -1
    Response.ExpiresAbsolute = Now() - 1
    Response.cachecontrol = "no-cache"
    %>
    PHP
    header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
    header("Cache-Control: no-cache, must-revalidate");
    header("Pragma: no-cache");
    JSP
    response.setHeader("Pragma","No-Cache");
    response.setHeader("Cache-Control","No-Cache");
    response.setDateHeader("Expires", 0);

    5。防止打开新窗口(如提交表单):
    <base target="_self">

    6。在模式窗口使用F5刷新页面:
    <base target="_self">
    <body onkeydown="if (event.keyCode==116){reload.click()}">
    <a id="reload" href="filename.htm" style="display:none">reload...</a>
    其中:filename为窗口页面。

    7。防止模式窗口打开的页面出现cookie丢失的情况:
    模式窗口打开新窗口时,仅可以使用 showModalDialog(url,window,feathers); 方法,且 objects 为 window 。

    8。在弹出窗口中获得或设置主窗口的任何值:
    打开弹出窗口时用:showModalDialog(url, window, feathers)
    在弹出窗口中使用 window.dialogArguments 对象(即主窗口传递过来的 window 对象集),即可以获得或者设置主窗口的值。

    子页面关闭同时刷新父页面

    调用方法

            父页面:openModelWin('ChooseStyle.aspx');

            子页面:closeWin()

    脚本:

    function openModelWin(url)
    {
        var obj = showModalDialog(url,'title',"dialogWidth:600px;");
       
        if(obj =='reload')
        {
            window.location.reload();
        }
    }
    function closeWin()
    {
        window.opener = null;
       
        window.close();
        window.returnValue='reload';
    }

  • 相关阅读:
    jvm内存模型学习
    sparkstreaming容错
    yum命里详解
    rpm包的安装及卸载
    git命令记录
    ElaticSearch基本查询
    入门elaticsearch
    Java网络编程学习(一)
    JAVA多线程之生产消费模型
    Java线程同步详解
  • 原文地址:https://www.cnblogs.com/Godblessyou/p/1152912.html
Copyright © 2011-2022 走看看