JavaScript关于window.open()应用

javascript|window

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

时间: 2024-08-04 11:51:50

JavaScript关于window.open()应用的相关文章

javascript使用window.open提示“已经计划系统关机”的原因_基础知识

javascript调用window.open打开网站的时候,IE浏览器下报错:已经计划系统关机,提示如图: 百度找了下都是莫名其妙的自动好了,可以查看这个帖子:诡异的JS,已经计划系统关机错误. 于是改用谷歌搜索相关英文内容,serverfault.com上也有人碰到过这个问题,满意答案还比较靠谱:IE8 script error 800704a6? 复制代码 代码如下: The only information I've been able to find on this error is

重写javascript中window.confirm的行为_javascript技巧

javascript中window.confirm这个方法很好用,可以弹出一个确认对话框我们之所以弹出这个对话框,可能就是因为该操作很危险,所以要用户确认.但如果默认选择"确定",则可能违背了这个原则. 另外,confirm对话框的按钮都是固定在"确定"和"取消"这两个.可能有些时候也不是很直观. 所以,可以考虑用vbscript中的msgbox来改写这个行为.下面是一个范例 复制代码 代码如下: <%@ Page Language=&qu

JavaScript中window.open用法实例详解_javascript技巧

本文较为详细的分析了JavaScript中window.open用法.分享给大家供大家参考.具体如下: 复制代码 代码如下: <script LANGUAGE="javascript"> window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, sta

javascript类型系统 Window对象学习笔记_javascript技巧

window对象是Web浏览器中javascript的一个终极兜底儿对象,在作用域中处于最末端,是一个包含所有对象的对象.所有在全局作用域中定义的属性和函数都是window对象的属性 var myStringVar = 'myString'; var myFunctionVar = function(){}; console.log('myStringVar' in window);//true console.log('myFunctionVar' in window);//true   1.

JavaScript中Window对象简明学习

1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象.JavaScript程序可以通过Document对象和它包含的Element对象遍历和管理文档. 2.URL中的JavaScript 在URL后面跟一个JavaScript:协议限定符.里面的代码会作为JavaScript代码进行运行,需用分号分割.如: <a href="javascript:alert('OK!')"&

Javascript:window对象的方法

javascript|window|对象 open(URL,WindowName,parameterList):open方法创建一个新的浏览器窗口,并在新窗口中载入一个指定的URL地址. close():close方法关闭一个浏览器窗口. alert(text):弹出一个信息框. confirm(text):弹出一个确认框. prompt(text,Defaulttext):弹出一个提示框. setTimeout(expression,time):定时设置,在一定时间后自动执行expressio

javascript消除window.close()的提示窗口

  有人问起,怎么去掉js调用window.close()时怎么去掉那可恶的提示,咋一看好像还真不好弄,IE的安全机制好像就不允许通过脚本关闭本页面,但是IE好像可以允许js关闭弹出窗口,那我们是不是可以通过一定的技巧欺骗一下IE,绕过去呢.鼓捣了几下,似乎还真可以做到 Window.close()这句脚本是用来关闭当前窗口,如果是在window.open的窗口中执行Window.close(),将会很顺利地将窗口关闭,但如果是在一非window.open打开的窗口中执行Window.close

【JavaScript】window对象事件

window对象-事件 专用事件: onload事件:我们需要在网页文档下载完毕时执行 的程序代码,需要放在onload事件处理程序中去编写. onunload事件:在网页文档卸载完毕后,需要在网页 关闭时执行的程序代码,需要放在onunload事件处理 程序中去编写. onbeforeunload事件:对于浏览器准备卸载网页文件 时的事件,也就是onbeforeunload事件是发生在卸载 网页文件之前的事件,给用户提供一个取消的机会. 样例: <body onload="alert('

【JavaScript】window对象_frames数组对象

window对象的frames属性是一个数组,它与window对象的parent.top等 对象属性,都是用于对HTML的帧标签(<frameset>或<iframe>)进行编程的 javascript对象.(利用parent.frames.来调用) framedemo.html: <html> <head> </head> <frameset rows="20%,80%"> <frame name=top