《Javascript经典实例.doc

Javascript实例教程(1) 创建弹出式窗口 利用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函数，是不是很简单呀！你也许会问：那怎么调用这段代码呢？其实你不用着急，下面马上会给出： FORMINPUT TYPE = button VALUE = 创建窗口 onClick = CreateWindow()/FORM Javascript实例教程(2) 创建折叠式导航菜单 ??? 为了创建折叠式的导航菜单，你可以在网页的最前面部分以下代码： SCRIPT LANGUAGE=JavaScript!-- Begin function formHandler(){ var URL = document.form.site.options [document.form.site.selectedIndex].value; window.location.href = URL; // End -- } /SCRIPT 那在网页上如何调用呢？以下是具体代码： CENTERFORM name = form SELECT NAME=site SIZE=1 onChange =formHandler() OPTION VALUE=连接到…. OPTION VALUE=太平洋电脑网 OPTION VALUE=中文雅虎 OPTION VALUE=263网站 OPTION VALUE=美国在线 OPTION VALUE=北京新东方 /SELECT /FORM /CENTER 下面是全部的代码： headtitleUntitled Document/titlemeta http-equiv=Content-Type content=text/html; charset=gb2312SCRIPT LANGUAGE=JavaScript !-- Begin function formHandler(){ var URL = document.form.site.options [document.form.site.selectedIndex].value; window.location.href = URL; // End -- } /SCRIPT/head FORM name = form SELECT NAME=site SIZE=1 onChange =formHandler()option value=连接到…. /optionoption value=太平洋网络学院/optionoption value=中文雅虎 /optionoption value=263网站 /optionoption value=美国在线 /optionoption value=北京新东方 /option/SELECT /FORM Javascript实例教程(3) 探测浏览器插件利用Javascript可以探测在网络浏览器中的插件程序，但是值得指出的是否，它只在Netscape Navigator有效。下面的代码显示了怎样探测audio/midi类型插件程序： SCRIPT LANGUAGE=JavaScript!-- var can_play = false; var mimetype = audio/midi; if (navigator.mimeTypes) { if (navigator.mimeTypes[mimetype] != null) { if (navigator.mimeTypes[mimetype] .enabledPlugin !=