繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript实例教程(2) 创建折叠式导航菜单
- Javascript
- vml圆角矩形最简布局
- DOM精简教程
- [换皮肤程序]一个比较使用的脚本程序
- JS中style属性
- Google Suggest ;-) 基于js的动态下拉菜单
- jQuery 1.0.2
- PJ Blog插件-防刷新的在线播放器
- 使javascript也能包含文件
- Dron右键菜单 v1.0
- HTML里select的CSS样式的改变
- 仿Google和Windows Live的拖拽
- "好玩的放大镜效果" 的另一种实现方法
- xWin之JS版
- bcastr2.0 通用的图片浏览器
- addRule在firefox下的兼容写法
- JS日历 推荐
- 用脚本调用样式的几种方法
- 不错的新闻标题颜色效果
- 用JavaScript获取网页中的js、css、Flash等文件
- 用js+xml自动生成表格的东西
Javascript 中的 javascript实例教程(2) 创建折叠式导航菜单
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 161 ::
收藏到网摘: n/a
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler()
{
var URL = document.form.site.options
[document.form.site.selectedIndex].value;
window.location.href = URL;
// End -->
}
</SCRIPT>
那在网页上如何调用呢？以下是具体代码：
<CENTER>
<FORM name = "form">
<SELECT NAME="site" SIZE=1 onChange ="formHandler()">
<OPTION VALUE="">连接到….
<OPTION VALUE="http://www.pconline.com.cn">太平洋电脑网
<OPTION VALUE="http://cn.yahoo.com">中文雅虎
<OPTION VALUE="http://www.263.net">263网站
<OPTION VALUE="http://www.usnews.com">美国在线
<OPTION VALUE="http://www.neworiental.org">北京新东方
</SELECT>
</FORM>
</CENTER>
下面是全部的代码：
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT 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="">连接到…. </option>
<option value="http://www.pcedu.com.cn">太平洋网络学院</option>
<option value="http://cn.yahoo.com">中文雅虎 </option>
<option value="http://www.263.net">263网站 </option>
<option value="http://www.usnews.com">美国在线 </option>
<option value="http://www.neworiental.org">北京新东方 </option>
</SELECT>
</FORM>
效果实现：
评论 (0) All
