• JS打开窗口


    window.open('index.htm','title','height=100,width=200,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')  
      window.showModalDialog('index.htm','title','scrollbars=yes;resizable=no;help=no;status=no;dialogTop=25;    
      dialogLeft=0;dialogHeight=400px');  
      window.showModelessDialog('index.htm','title','scrollbars=yes;resizable=no;help=no;status=no;dialogTop=25;    
      dialogLeft=0;dialogHeight=400px');  
      'index.htm'   弹出窗口的目标文件名  
      'title'           弹出窗口的标题  
      height             弹出窗口的高度  
      width               弹出窗口的宽度  
      top                   弹出窗口与屏幕上方的距离  
      left                 弹出窗口与屏幕左侧的距离  
      toolbar=no           是否显示工具栏,如果显示则为yes  
      menubar=no           是否显示菜单栏,如果显示则为yes  
      scrollbars=no     是否显示滚动条,如果显示则为yes  
      location=no         是否显示地址栏,如果显示则为yes  
      status=no             是否显示状态栏,如果显示则为yes  
      resizable=no       是否允许改变窗口大小,如果允许则为yes

    showModalDialog()、showModelessDialog()方法使用详解  
      javascript有许多内建的方法来产生对话框,如:window.alert(),   window.confirm(),window.prompt().等。   然而IE提供更多的方法支持对话框。如:    
      showModalDialog()   (IE   4+   支持)    
      showModelessDialog()   (IE   5+   支持)    
      window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。    
      window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。    
      当我们用showModelessDialog()打开窗口时,不必用window.close()去关闭它,当以非模态方式[IE5]打开时,   打开对话框的窗口仍可以进行其他的操作,即对话框不总是最上面的焦点,当打开它的窗口URL改变时,它自动关闭。而模态[IE4]方式的对话框始终有焦点(焦点不可移走,直到它关闭)。模态对话框和打开它的窗口相联系,因此我们打开另外的窗口时,他们的链接关系依然保存,并且隐藏在活动窗口的下面。    
      使用方法如下:    
      vReturnvalue   =   window.showModalDialog(sURL   [,   vArguments]   [,   sFeatures])    
      vReturnvalue   =   window.showModelessDialog(sURL   [,   vArguments]   [,   sFeatures])    
      参数说明:    
      sURL    
      必选参数,类型:字符串。用来指定对话框要显示的文档的URL。    
      vArguments    
      可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。    
      sFeatures    
      可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。    
          dialogHeight   对话框高度,不小于100px,IE4中dialogHeight   和   dialogWidth   默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。    
      dialogWidth:   对话框宽度。    
      dialogLeft:   距离桌面左的距离。    
      dialogTop:   离桌面上的距离。    
      center:   {yes   |   no   |   1   |   0   }:窗口是否居中,默认yes,但仍可以指定高度和宽度。    
      help:   {yes   |   no   |   1   |   0   }:是否显示帮助按钮,默认yes。    
      resizable:   {yes   |   no   |   1   |   0   }   [IE5+]:是否可被改变大小。默认no。    
      status:   {yes   |   no   |   1   |   0   }   [IE5+]:是否显示状态栏。默认为yes[   Modeless]或no[Modal]。    
          scroll:{   yes   |   no   |   1   |   0   |   on   |   off   }:指明对话框是否显示滚动条。默认为yes。    
          还有几个属性是用在HTA中的,在一般的网页中一般不使用。    
          dialogHide:{   yes   |   no   |   1   |   0   |   on   |   off   }:在打印或者打印预览时对话框是否隐藏。默认为no。    
          edge:{   sunken   |   raised   }:指明对话框的边框样式。默认为raised。    
          unadorned:{   yes   |   no   |   1   |   0   |   on   |   off   }:默认为no。    
      传入参数:    
      要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:    
      test1.htm    
      ====================    
      <script>    
          var   mxh1   =   new   Array("mxh","net_lover","孟子E章")    
          var   mxh2   =   window.open("about:blank","window_mxh")    
          //   向对话框传递数组    
          window.showModalDialog("test2.htm",mxh1)    
          //   向对话框传递window对象    
          window.showModalDialog("test3.htm",mxh2)    
      </script>    
      test2.htm    
      ====================    
      <script>    
          var   a   =   window.dialogArguments    
          alert("您传递的参数为:"   +   a)    
      </script>    
      test3.htm    
      ====================    
      <script>    
          var   a   =   window.dialogArguments    
          alert("您传递的参数为window对象,名称:"   +   a.name)    
      </script>    
      可以通过window.returnvalue向打开对话框的窗口返回信息,当然也可以是对象。例如:    
      test4.htm    
      ===================    
      <script>    
          var   a   =   window.showModalDialog("test5.htm")    
          for(i=0;i<a.length;i++)   alert(a)    
      </script>    
      test5.htm    
      ===================    
      <script>    
      function   sendTo()    
      {    
          var   a=new   Array("a","b")    
          window.returnvalue   =   a    
          window.close()    
      }    
      </script>    
      <body>    
      <form>    
          <input   value="返回"   type=button   onclick="sendTo()">    
      </form>    
      常见问题:    
      1,如何在模态对话框中进行提交而不新开窗口?    
      如果你   的   浏览器是IE5.5+,可以在对话框中使用带name属性的iframe,提交时可以制定target为该iframe的name。对于IE4+,你可以用高度为0的frame来作:例子,    
      test6.htm    
      ===================    
      <script>    
          window.showModalDialog("test7.htm")    
      </script>    
      test7.htm    
      ===================    
      if(window.location.search)   alert(window.location.search)    
      <frameset   rows="0,*">    
          <frame   src="about:blank">    
          <frame   src="test8.htm">    
      </frameset>    
      test8.htm    
      ===================    
      <form   target="_self"   method="get">    
      <input   name=txt   value="test">    
      <input   type=submit>    
      </form>    
      <script>    
      if(window.location.search)   alert(window.location.search)    
      </script>    
      2,可以通过http://servername/virtualdirname/test.htm?name=mxh方式直接向对话框传递参数吗?    
      答案是不能。但在frame里是可以的。    
      -------------------------------------------    
      另外整理    
      问:    
      1.模态窗口的打开    
      2.模态窗口的关闭    
      3.模态窗口的传递参数。    
      4.其他。。。。    
      hgknight(江雨.net)答:    
      1.window.showModalDialog("DialogPage.aspx","newwin","dialogHeight:   200px;   dialogWidth:   150px;   dialogTop:   458px;   dialogLeft:   166px;   edge:   Raised;   center:   Yes;   help:   Yes;   resizable:   Yes;   status:   Yes;");    
      2.window.close();    
      3.传值    
      ParentPage.aspx:    
      window.showModalDialog("DialogPage.aspx?para1=aaa&para;2=bbb");    
      DialogPage.aspx:    
      string   str1=Request.QueryString["para1"].toString();    
      string   str2=Request.QueryString["para2"].toString();    
      返回值    
      DialogPage.aspx:    
      window.returnvalue="aaa";    
      ParentPage.aspx:    
      var   str=window.showModalDialog("DialogPage.aspx");    
      4.    
      aspx页面在showmodeldialog情况下为什么一提交就重新打开一个页面?    
      showmodaldialog打开的页面中在<head></head>之间加入一行:<base   target="_self">    
      --------------------------------------------    
      snowjin78(方圆)    
      以前,我也问过此类问题,现把收获贴如下(当然好多东西都是别人告诉我的):    
      最好不要用Response.Write(     "     <script....     </script     >     ")这样的方法注册客户端脚本,而应该用Page.RegisterStartupScript或Page.RegisterClientScriptBlock方法来注册.    
      Page.RegisterClientScriptBlock:        
      在     Page     对象的         <form     runat=     server     >     元素的开始标记后立即发出客户端脚本        
      Page.RegisterStartupScript:        
      该方法在     Page     对象的         <form     runat=     server     >     元素的结束标记之前发出该脚本    
      客户端代码有两个问题,第一是把window写成了Window,javascript是严格区分大小写的,用Window是肯定会出错的;第二个问题是设置对话框的宽度用dialogWidth,高度用dialogHeight,而不是height和width。

  • 相关阅读:
    批量杀掉多个pid文件中记录的pid进程, 并集成到shell脚本中
    把tomcat服务器配置为windows服务的方法
    idea导入java项目
    linux-umount挂载点无法卸载:device is busy(解决)
    简单(基本)的风光摄影照片后期处理-新手教程-ps照片后期基本处理
    golang 打包,交叉编译,压缩
    mac下Fiddler的安装-启动
    修改ElementUI源码样式
    linux里面的命令:./和. /(这里有空格)的区别
    linux下mysql源码安装
  • 原文地址:https://www.cnblogs.com/pbuilder/p/1569817.html
Copyright © 2020-2023  润新知