繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS option location 页面跳转实现代码
- Javascript
- 经验几则 推荐
- 一个很Cool的JS菜单效果
- [原创]菜单制作学习一个小东西
- 基于Web标准的UI组件 — 树状菜单(2)
- [原创]防止网站内容被小偷采集的js代码
- javascript字典探测用户名工具
- 通过ifame指向的页面高度调整iframe的高度
- 实例：尽可能写友好的Javascript代码
- 关于javascript的“静态类"
- 拖动层
- 教学演示-UBB,剪贴板,textRange及其他
- 多线程的全选复选框
- 不错的一个日期输入 动态
- 非常不错的一个javascript 类
- 提示广告代码
- 各种浏览器兼容问题
- 重定向实现代码
- [原创]网络复制内容时常用的正则+editplus
- Js的MessageBox
- 注释的艺术：JS里直接写HTML，无需转义
Javascript 中的 JS option location 页面跳转实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 223 ::
收藏到网摘: n/a
JS中location对象 在option中的应用（跳转采单），方便通过 option实现页面的切换 <html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>跳转菜单</title>
<script language="JavaScript">
function jump()
{
location.href=document.myform.menu1.value;
}
</script>
</head>
<body>
<form name="myform">
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="D:\1.jpg" width="190" height="151" border="0"></td>
<td><img src="D:\2.jpg" width="200" height="150" border="0"></td>
</tr>
<tr>
<td><img src="D:\3.jpg" width="188" height="150" border="0"></td>
<td><img src="D:\4.jpg" width="200" height="150" border="0"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td align="right">跳转到九寨沟</td>
<td>
<select name="menu1" onChange="jump()">
<option>---请选择季节景色---</option>
<option value="spring.htm">春天美景</option>
<option value="summer.htm">夏天一色</option>
<option value="autumn.htm"> 秋天枫叶</option>
<option value="winter.htm">冬天白雪</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
评论 (0) All
