E库技术学院--您的网络技术顾问！ 网站首页┊素材图片库┊设计原稿┊网页模板┊网站赏析┊下载中心┊明星图库┊E库论坛 　
E库技术学院
设为首页
加入收藏
我要投稿
E库首页 ┊ 学院首页 ┊ 图形图象 ┊ 网页设计 ┊ 网络编程 ┊ 数据库 ┊ 服务器 ┊ 建站技术 ┊ 业界新闻 ┊ 作者专栏 ┊ 常用范文 ┊ 预留栏目
  当前位置：学院首页>>网页设计教程>>网页特效教程>>JavaScript关于window.open()应用
JavaScript关于window.open()应用
[ 来源： | 作者： | 时间：2006-1-12 13:20:21 | 浏览：人次 ]
收藏到新浪ViVi ┊ 收藏到365KEY ┊ 收藏到我摘 ┊ 双击滚屏 单击停止

　　网页都是建立在窗口之上的，任何有关网页的事情，都与窗口有关。下面首先让我们熟悉一下大家常用的Internet Explorer的基本结构。

　　正常情况下，打开的窗口都有如下四部分：

  • 标题栏(title)：该窗口显示标题的地方
  • 控制区：各种按键、菜单
  • 窗口：浏览器上最大的那一部分，不用多说了吧！
  • 状态栏(status)：显示相应系统信息以及JavaScript信息的地方

    　　在默认情况下，打开的新窗口都含有以上部分。但是当用到windows.open()时，我们就可以控制新打开的窗口的风格了。

    　　语法：

    oNewDoc = document.open(sUrl [, sName] [, sFeatures] [, bReplace])

    　　说明：

    sURL
    		 可选。字符串--指定新的文档的URL地址。如果没有指定这一项，那么将会是一个空的（about:blank）。
    sName
    		 可选。字符串--新生成窗口的名字。可以用作form或者a中Target的值。
    blank
    		sURL被加载到一个新的未命名的窗口。
    _media
    		 sURL被加载到一个媒体栏中。（仅适合IE6以及以后版本浏览器）
    _parent
    		 sURL被加载到目前框架的上层框架上。如果没有上层框架，则此项的值与_self的值相同。
    _search
    		 sURL被打开在浏览器的查找窗口。（仅适合IE5以及以后的浏览器）
    _self
    		 sURL在当前的窗口上打开，覆盖以前的内容。
    _top
    		 sURL可能会加载到任何框架支架(Frameset)上，如果没有定义Frameset，此项值与_self的值相同。
    sFeatures
    		 可选。字符串--列出对象表并用逗号分开。每一项都有自己的值，他们将被分开（如："fullscreen=yes, toolbar=yes"）。下面是被支持的各种特性。
    channelmode = { yes | no | 1 | 0 } 是否在窗口中显示阶梯模式。默认为no。
    directories = { yes | no | 1 | 0 } 是否在窗口中显示各种按钮。默认为yes。
    fullscreen = { yes | no | 1 | 0 } 是否用全屏方式显示浏览器。默认为no。使用这一特性时需要非常小心。因为这一属性可能会隐藏浏览器的标题栏和菜单，你必须提供一个按钮或者其他提示来帮助使用者关闭这一浏览窗口。ALT+F4可以关闭窗口。一个全屏窗口必须使用阶梯(channelmode)模式。
    height = number 指定窗口的高度，单位是像素。最小值是100。
    left = number 指定窗口距左边框的距离，单位是像素。值必须大于或者等于0。
    location = { yes | no | 1 | 0 } 指定是否在窗口中显示地址栏。默认为yes。
    menubar = { yes | no | 1 | 0 } 指定是否在窗口中显示菜单栏。默认为yes。
    resizable = { yes | no | 1 | 0 } 指定是否在窗口中显示可供用户调整大小的句柄。默认为yes。
    scrollbars = { yes | no | 1 | 0 } 指定是否在窗口中显示横向或者纵向滚动条。默认为yes。
    status = { yes | no | 1 | 0 } 指定是否在窗口中显示状态栏。默认为yes。
    titlebar = { yes | no | 1 | 0 } 指定是否在窗口中显示标题栏。在非调用HTML Application或者一个对话框的情况下，这一项将被忽略。默认为yes。
    toolbar = { yes | no | 1 | 0 } 指定是否在窗口中显示工具栏，包括如前进、后退、停止等按钮。默认为yes。
    top = number 指定窗口顶部的位置，单位是像素。值必须大于或者等于0。
    width = number 指定窗口的宽度，单位是像素。最小值是100。
    bReplace
    		 可选。当sURL被加载到同一窗口时，这个布尔型变量指定是否这个sURL新建立一个条目，或者是加到目前该窗口的历史记录上。
    true
    		 sURL覆盖当前文档的历史纪录。
    false
    		 sURL在历史记录中建立一个新的条目。

    　　注释：

    默认情况下，open方法建立一个拥有默认宽度、高度、菜单以及工具栏的窗口。你可以指定其中任何一项或者多项特征参数。这些参数是由一个或多个字符串所组成的。

    当一旦有特征参数被指定，其他没有被指定的特征参数全部被禁止。因此，当用到特征参数，就需要定义所有在窗口中需要用到的其他特征参数。如果没有指定特征参数，那么所有的特征将会被保留原始的默认值。除了给特征参数指定新值之外，还可以简单的罗列特征名称来使得窗口的相应特征有效。

    　　示例：

    window.open("Sample.htm",null,
    "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"    );

    　　在例子中，建立了一个包含Sample.htm的新窗口。这个新窗口有200像素宽和400像素高，拥有状态栏，但是没有工具栏、菜单栏和地址栏。以上就是相应代码。

    　　下面给出一个较为完整的例子，供大家参考新窗口的生成方法。

    <html>
    <head>
    <title>    Open Window</title>
    <script language="JavaScript">
      function OpenWindow()
      {
        thisWin = window.open("", null, "width=300,height=400")
        thisWin.document.write("<head><title>newWindow</title></head>")
        thisWin.document.write("<body><center>This is a new window!</center></body>")
      }
    </script>
    </head>

    <body>
    <center>
    <input type="button" value="Creat New Window" onClick="OpenWindow()">
    </center>
    </body>
    </html>

    例子中的this.document.write是向新生成的窗口中写入代码，如果不这样，新生成的窗口将会显示错误。

    　　生成新的窗口是比较简单的，大家只要熟练掌握上面介绍的特征，基本上就可以说掌握了新窗口的生成方法。

    　　注：此系列JavaScript介绍是面向新手的，可以说我介绍的是最最基础的东西。目的只是想让那些正在学习网页制作的人能够有更快的提高。只能说面向的对象不同，所以水平也是不同，敬请各位高手笑纳。

    		•
    “JavaScript关于window.open()应用”教程到此结束==>||
     相关教程
    ☉JavaScript关于window.open()应用
    特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

    投稿作者： 　信息来源： 　录入时间： 2006-1-12 13:20:21
    投稿信箱： web#iecool.com
    设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 联系方式 - 会员投稿
    E库技术学院 © 2004-2005 Edu.IEcool.Com  浙ICP备05015070号