JavaScript关于window.open()应用

原创 2007年10月13日 17:26:00

JavaScript关于window.open()应用

http://www.webjx.com  更新日期:2005-10-16 09:19  出处:  作者:

  网页都是建立在窗口之上的,任何有关网页的事情,都与窗口有关。下面首先让我们熟悉一下大家常用的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打开窗口函数(Window.Open)使用详解

JavaScript打开窗口函数(Window.Open)使用详解   一、Location对象的使用简介 location对象: location提供了关于当前打开窗口或者特...
  • hezikui1987
  • hezikui1987
  • 2013年12月10日 16:34
  • 1560

JavaScript各种对话框(alert、confirm、prompt),window.open打开关闭窗口,document.write输出内容

JavaScript-输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。 第一...
  • qq_18407565
  • qq_18407565
  • 2017年04月19日 15:40
  • 1099

打开新窗口window.open详解

Window_Open详解    引:Window_Open详解 一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Ope...
  • maoguiyou
  • maoguiyou
  • 2016年04月15日 17:01
  • 2059

js -- 打开新窗口(window.open)、关闭窗口(window.close)

open() 方法可以查找一个已经存在或者新建的浏览器窗口。 语法: window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL:可选参数,...
  • bobobocai
  • bobobocai
  • 2017年06月30日 14:31
  • 4398

window.open 打开窗口最大化。。。

var xpwidth=window.screen.width-10;         var xpheight=window.screen.height-35;     window.open(...
  • z69183787
  • z69183787
  • 2014年02月18日 16:08
  • 18391

解决window.open 会被IE阻止的问题

转自:http://blog.csdn.net/fanfanjin/article/details/6858168 在web编程过程中,经常会遇到一些页面需要弹出窗口,但是在服务器端用windo...
  • zhichao2001
  • zhichao2001
  • 2016年08月11日 18:02
  • 3814

window.open被浏览器拦截的问题(附解决方案)

window.open()被浏览器拦截的问题 最近用window.open()的时候,常常会被浏览器拦截(如果是chrome,则会生成一个弹窗显示页面,且也会被拦截)。 百思不得其解,后在网上找了很久...
  • tzy233
  • tzy233
  • 2013年12月07日 23:15
  • 3020

window.open被浏览器拦截

最近同事做的一个项目用到了window.open来打开新窗口,但是客户说有打不开网页的情况出现,我便帮他搜罗了一下window.open的资料,转载于此,对比与a标签的href链接跳转,后者没有那么多...
  • dongguan_123
  • dongguan_123
  • 2017年03月16日 09:30
  • 1397

Javascript 回调函数

1 在视图或html页面中输入如下脚本 function openClient(arg) { try { var wsh = new ActiveX...
  • xingxing513234072
  • xingxing513234072
  • 2013年07月31日 18:55
  • 3279

如何让安卓WebView支持js调用window.open()和window.close()的方法。

最近项目中遇到一个webview开发时的问题,web前端开发人员在网页上实现了一个功能。功能是在A html页面,打开一个新的B html页面,然后再B页面中选择一个联系人,把值返回给A页面。做web...
  • u012912435
  • u012912435
  • 2016年05月23日 20:03
  • 4404
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript关于window.open()应用
举报原因:
原因补充:

(最多只允许输入30个字)