弹出网页对话框

 

1. 弹出网页对话框

      <SCRIPT LANGUAGE="javascript">
  <!--
  window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行
  -->
  </SCRIPT>
      <!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。
  
  参数解释:
  
  <SCRIPT LANGUAGE="javascript"> js脚本开始;
  window.open 弹出新窗口的命令;
  'page.html' 弹出窗口的文件名;
  'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
  height=100 窗口高度;
  width=400 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值;
  toolbar=no 是否显示工具栏,yes为显示;
  menubar,scrollbars 表示菜单栏和滚动栏。
  resizable=no 是否允许改变窗口大小,yes为允许;
  location=no 是否显示地址栏,yes为允许;
  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
  </SCRIPT> js脚本结束

2.对话框的返回值(IE 下)

      1. 在父页面,需要一个Button和Button触发的 showModalDialog 事件
      <asp:Button ID="btnPop" runat="server" Text="PoPWindows" OnClientClick ="Pop()" onclick="btnPop_Click" />

      <script type="text/javascript" >
            function Pop()
            {       
                  var result=showModalDialog('downs.aspx','subpage','dialogWidth:400px;dialogHeight:300px;center:yes;help:no;resizable:no;status:no'); //打开模态子窗体,并获取返回值
                   alert(result);
    }
      </script>

      2. 在子页面
      <script type="text/javascript" >
            function cc() //参数分别为id,name和password
            {
                  window.returnValue= "aaaaaaaa";   //返回值    
                  window.close();          //firefox不支持window.close()
            }
      </script>

3. 对话框的返回值(IE 和 FireFox 下均可)

      1. 父页面
      <input type="button" id="btnSubjectSearch" onclick="SearchSubject(this);" style="width: 60px; float: right;" value="科目检索" />

        //科目检索
        function SearchSubject(obj)
        {
            this.returnAction=function(strResult)
            {
                if(strResult!=null)
                {
                    alert(strResult);
                }
            }
            var result = window.open("AccountsSetup.aspx", "选择科目", "height=200px, width=400px, toolbar=no, modal=yes, menubar=no, scrollbars=yes, resizable=yes, location=no");
            return;
        }

      2. 子页面
        function ReturnSelectedSubject()
        {
            window.opener.returnAction("aaaa");
            top.close();               //IE和FireFox都支持 top.close()函数
        }

你可能感兴趣的:(对话框)