Dreamweaver教程 FrontPage教程 Flash教程 CSS教程
  • javascript教程
  • 当前位置:教程 > 网页制作 > javascript教程 > 正文

    总结showModalDialog和showModelessDialog用法

    编辑:教程网 来源:网络 时间:2011年06月30日 16:41
    IT产品库 http://www.websmill.com

    这也是老早前整理的了,也贴出来吧:

    1. showModalDialog和showModelessDialog的异同

    同:两者弹出的窗体不能刷新

    异:前者是模态窗口,始终获得焦点;后者是非模态窗口,只不过弹出一个页面,还可以操作父窗口。

    2. 关闭showModalDialog和showModelessDialog弹出的窗口

    <INPUT type="button" value="ButtonClick" onclick="self.close();">

    3. 怎样才让在showModalDialog和showModelessDialog的弹出新窗口里操作button,不弹出新窗口?

    在<head>和</head>之间加<base target="_self">

    4. showModalDialog的返回值

    参照例子:

    t1.html:

    <script language="javascript">
    function showpage()
    {
    alert(showModalDialog("t2.html"));
    }
    </script>
    <input type="button" value="getval" onClick="showpage();">

    t2.html
    <HTML>
    <HEAD>
    <Script language="javascript">
    <
    function SetVal()
    {
    returnValue="abc";
    close();
    }
    //-->
    </Script>
    </HEAD>
    <BODY>
    <input type="button" value="Btn1" onClick="SetVal();">
    </BODY>
    </HTML>

    IT产品库 http://www.websmill.com
  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/javascript/7853.html

  • 上一篇:JavaScript 图标美化的下拉框
  • 下一篇:JavaScript与ActionScript函数相互调用