Javascript实例教程(2) 创建弹出式窗口

来源： 作者：ZSC 出处：巧巧读书 2005-11-06 进入讨论组

• 关 键 词：
• javascript
• director
• window
• html

利用Javascript创建弹出式窗口

好吧，言归正转，开始我们的第一个教程吧。利用Javascript创建弹出式窗口的目的实际上是打开另外的浏览器窗口。你可以设置这个浏览器窗口的一些属性，如高度、宽度以及是否让该窗口有一个状态条或者工具条。在下面的例子中，我将窗口设置为：350

x 400，即高度为350像素，宽度为400像素；其中也包括了另外的一些设置，如滚动条；而将其它的设置（如状态条、菜单条）都设置为没有（no）。

下面是具体的代码，你可以将它放置到网页的前面：

<SCRIPT LANGUAGE = "JavaScript">

function CreateWindow()

{

msgWindow=window.open("pop_win.html","displayWindow",

"toolbar=no,width=350,height=400,directories=no,

status=no,scrollbars=yes,resize=no,menubar=no")

}

</SCRIPT>

仔细体会一下这段代码，其实就只用到一个window.open函数，是不是很简单呀！你也许会问：那怎么调用这段代码呢？其实你不用着急，下面马上会给出：

<FORM><INPUT TYPE = "button" VALUE = "创建窗口"

onClick = "CreateWindow()"></FORM>

URL查看 http://www.qqread.com/javascript/w321552030.html 更多内容请看ASP.NET教程、FreeBSD使用教程专题，或进入讨论组讨论。

【收藏此文】【大 中 小】【打印】【关闭】

较早的文章：Javascript实例教程(3) 创建折叠式导航菜单

较新的文章：Javascript实例教程(1) 目录