Javascript经典实例.docVIP

Javascript实例教程(1) 创建弹出式窗口利用Javascript创建弹出式窗口好吧，言归正转，开始我们的第一个教程吧。利用Javascript创建弹出式窗口的目的实际上是打开另外的浏览器窗口。你可以设置这个浏览器窗口的一些属性，如高度、宽度以及是否让该窗口有一个状态条或者工具条。在下面的例子中，我将窗口设置为：350 x 400，即高度为350像素，宽度为400像素；其中也包括了另外的一些设置，如滚动条；而将其它的设置（如状态条、菜单条）都设置为没有（no）。下面是具体的代码，你可以将它放置到网页的前面：SCRIPT LANGUAGE = JavaScriptfunction 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()/FORMJavascript实例教程(2) 创建折叠式导航菜单??? 为了创建折叠式的导航菜单，你可以在网页的最前面部分以下代码：SCRIPT LANGUAGE=JavaScript!-- Beginfunction formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex].value;window.location.href = URL;// End --}/SCRIPT那在网页上如何调用呢？以下是具体代码：CENTERFORM name = formSELECT 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!-- Beginfunction formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex].value;window.location.href = URL;// End --}/SCRIPT/headFORM name = formSELECT NAME=site SIZE=1 onChange =formHandler()option value=连接到…. /optionoption value=太平洋网络学院/optionoption value=中文雅虎 /optionoption value=263网站 /optionoption value=美国在线 /optionoption value=北京新东方 /option/SELECT/FORMJavascript实例教程(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 != null) {can_play = true;document.write(EMBED SRC=sound.mid HIDDEN=TRUE LOOP=FALSE AUTOSTART=FALSE);