转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
JavaScript关于window.open()应用         ★★★★

JavaScript关于window.open()应用

作者:闵涛 文章来源:闵涛的学习笔记 点击数:746 更新时间:2009/4/23 11:26:13

  网页都是建立在窗口之上的,任何有关网页的事情,都与窗口有关。下面首先让我们熟悉一下大家常用的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介绍是面向新手的,可以说我介绍的是最最基础的东西。目的只是想让那些正在学习网页制作的人能够有更快的提高。只能说面向的对象不同,所以水平也是不同,敬请各位高手笑纳。


  • [办公软件]Word编程之WindowActivate、DocumentOpen和Docume…  [电脑技术]HP打印复印机出现Jam  in  print  pager path和op…
    [办公软件]PowerPoint文件保存为PPS与PPT等格式的应用范围  [办公软件]如何将Office菜单设置、工具设置、宏设置等应用到…
    [办公软件]高级应用—在PowerPoint中内嵌Excel的动态图表  [办公软件]在幻灯片中应用设计模版无法复制图片的解决方案
    [办公软件]PowerPoint三种视图的应用技巧  [网络安全]四种网络加密技术详解及应用介绍
    [网络安全]防火墙主要应用哪些技术  [Web开发]NET下随机数(Random)的产生(应用)
    教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台