zoukankan      html  css  js  c++  java
  • 如何弹出一定的大小的web窗体?

    如何弹出一定的大小的web窗体? 

     摘自: http://blog.163.com/hweibin126@126/blog/static/17044246920108413348344/

    一。window.open用法

    1、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+


    2、基本语法:
    window.open(pageURL,name,parameters) 
    其中:
    pageURL 为子窗口路径 
    name 为子窗口句柄 
    parameters 为窗口参数(各参数用逗号分隔) 

    3、示例:

    1).

    <SCRIPT> 
    window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')    //写成一行 
    </SCRIPT>

    脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。
    请对照。

    2).

    <script>
           LinkButton1.window.open("Default2.aspx","","width=400,height=300")  //写成一行
    </script>

    上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。

    4、各项参数:
    其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。
    参数 | 取值范围 | 说明 
    alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后 
    alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上 
    depended | yes/no | 是否和父窗口同时关闭 
    directories | yes/no | Nav2和3的目录栏是否可见 
    height | pixel value | 窗口高度 
    hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键 
    innerHeight | pixel value | 窗口中文档的像素高度 
    innerWidth | pixel value | 窗口中文档的像素宽度 
    location | yes/no | 位置栏是否可见 
    menubar | yes/no | 菜单栏是否可见 
    outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度 
    outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度 
    resizable | yes/no | 窗口大小是否可调整 
    screenX | pixel value | 窗口距屏幕左边界的像素长度 
    screenY | pixel value | 窗口距屏幕上边界的像素长度 
    scrollbars | yes/no | 窗口是否可有滚动栏 
    titlebar | yes/no | 窗口题目栏是否可见 
    toolbar | yes/no | 窗口工具栏是否可见 
    Width | pixel value | 窗口的像素宽度 
    z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

     

    二。window.showModelessDialog用法

    window.showModelessDialog("url","name","参数:值;参数:值;……")
      url:对话框窗口链接地址
      name:对话框的名称,可以为空
      scroll:是否有滚动条,0表示无,非0表示有
      status:是否有状态栏,0表示无,非0表示有
      help:是否有问号,0表示无,非0表示有
      resizable:是否可以用鼠标拖动改变框提大小,0表示不可以,非0表示可以
      dialogWidth:对话框宽度值
      dialogHeight:对话框高度值

     

    window.showModelessDialog()方法

    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。

     
    例子:(打开后闪动一下窗体就消失了)

    代码
    <script language="JavaScript">
    function OpenWin()
    {
    window.showModelessDialog('myttt.html','','dialogWidth:1px;dialogHeight:1px;dialogTop:1;dialogLeft:1;');
    document.all.a1.focus();
    }

    调用
    <body onload="OpenWin();">    或

    <asp:LinkButton ID="LinkButton1" runat="server" onclientclick="OpenWin()">LinkButton</asp:LinkButton>

     

    三。window.showModalDialog用法

     

    例子:

    代码
    <script language="JavaScript">
    function OpenWin()
    {
    window.showModalDialog('myttt.html','','dialogWidth:1px;dialogHeight:1px;dialogTop:1;dialogLeft:1;');
    document.all.a1.focus();
    }

    调用
    <body onload="OpenWin();">    或

    <asp:LinkButton ID="LinkButton1" runat="server" onclientclick="OpenWin()">LinkButton</asp:LinkButton

    showModalDialog和showModelessDialog有什么不同?
      showModalDialog:被打开后就会始终保持输入焦点。除非对话框被关闭,否则用户无法切换到主窗口。类似alert的运行效果。
      showModelessDialog:被打开后,用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以)

  • 相关阅读:
    (Good Bye 2019) Codeforces 1270B Interesting Subarray
    (Good Bye 2019) Codeforces 1270A Card Game
    Codeforces 1283D Christmas Trees(BFS)
    Codeforces 1283C Friends and Gifts
    Codeforces 1283B Candies Division
    1095 Cars on Campus (30)
    1080 Graduate Admission (30)
    1099 Build A Binary Search Tree (30)
    1018 Public Bike Management (30)
    1087 All Roads Lead to Rome (30)
  • 原文地址:https://www.cnblogs.com/nov5026/p/4532493.html
Copyright © 2011-2022 走看看