选择并转移导航菜单

最新推荐文章于 2024-07-20 23:54:17 发布

yemaozi2009

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量415

点赞数

分类专栏： javascript 文章标签： javascript function xhtml html action email

本文链接：https://blog.csdn.net/yemaozi2009/article/details/4252095

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

//script01.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Select and Go Navigation</title>
<script language="Javascript" type="text/javascript" src="script01.js">
</script>
</head>
<body bgcolor="#FFFFFF">
<div align="center">
<form action="gotoLocation.cgi">
  <select id="newLocation">
   <option selected="selected">Select a topic</option>
   <option value="script06.html">Cross-checking fields</option>
   <option value="script07.html">Working with radio buttons</option>
   <option value="script08.html">Setting one field with another</option>
   <option value="script09.html">Validating Zip codes</option>
   <option value="script10.html">Validating email addresses</option>
  </select>
  <noscript>
   <input type="submit" value="Go There!" />
  </noscript>
</form>
</div>
</body>
</html>

//script01.js

window.onload = initForm;
window.onunload = function() {};

function initForm() {
document.getElementById("newLocation").selectedIndex = 0;
document.getElementById("newLocation").onchange = jumpPage;
}

function jumpPage() {
var newLoc = document.getElementById("newLocation");
var newPage = newLoc.options[newLoc.selectedIndex].value;

if (newPage != "") {
window.location = newPage;
}
}

本例摘自<<JavaScript基础教程>>第7章

yemaozi2009

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
选择并转移导航菜单

//script01.htmlhttp://www.w3.org/1999/xhtml"> Select and Go Navigation Select a topic Cross-checking fields Working with radio buttons Setting one field with another Validating Zip c
复制链接

扫一扫