JavaScript关于window.open()应用

青旅半醒 2021-12-17 16:19 357阅读 0赞

网页都是建立在窗口之上的，任何有关网页的事情，都与窗口有关。下面首先让我们熟悉一下大家常用的Internet Explorer的基本结构。   
正常情况下，打开的窗口都有如下四部分：   
标题栏(title)：该窗口显示标题的地方 控制区：各种按键、菜单 窗口：浏览器上最大的那一部分，不用多说了吧！ 状态栏(status)：显示相应系统信息以及JavaScript信息的地方  ![introduce.gif][]   
在默认情况下，打开的新窗口都含有以上部分。但是当用到 **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介绍是面向新手的，可以说我介绍的是最最基础的东西。目的只是想让那   
些正在学习网页制作的人能够有更快的提高。只能说面向的对象不同，所以水平也是不同，敬请   
各位高手笑纳。如果想与我交流深层技术，请给我发信 \[email=onefi@frontfree.net\]onefi@frontfree.net\[/email\] ，谢谢大家的支   
持。：）**   
  
  
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=397410

转载于:https://www.cnblogs.com/hdjjun/archive/2008/06/17/1223719.html

[introduce.gif]: http://www.frontfree.net/articles/pages/0000000686/introduce.gif