实现html界面
<！doctype html> <html> <head> <title>选择并进行导航</title> <script src =“ script01.js”> </script> <link rel =“ stylesheet” href =“ script01.css” script01.css'主题</option> <option value =“ script06.html”>交叉检查字段</option> <option value =“ script10.html”>验证电子邮件地址</option> </select> <noscript> <input type =“ submit” value =“ go were！”> </noscript> </noscript> </form> </form> </hody> </html> </html>
实现菜单导航
window.onload = initform; window; window; onunload = function（）{}; function initform（）{document.getElementById（“ newLocation”）。selectionIndex = 0; document.getElementById（“ newLocation”）。onChange = onChange = jumppage;} [newloc.selectedIndex] .value; if（newpage！=“”）{window.location = newpage;}}}下面是源码分析
1。
window.onload = initform;
window.onunload = function（）{};
在窗口加载时，调用initform（）函数。下一行需要解释一下
（当窗口卸载时（即关闭窗口或者浏览器转到另一个网址），我们调用一个匿名函数（匿名函数），即没有名称的函数。在这个示例中，这个函数不但没有名称，而且根本不做任何事情。提供这个函数是因为必须将，而且根本不做任何事情。提供这个函数是因为必须将，而且根本不做任何事情。提供这个函数是因为必须将
匿名是指在函数和（）之间没有名称。这是触发onunload但不让它做任何事情的最简单的方法。与任何函数中一样，花括号包含函数的内容。这里的花括号是空的，因为这个函数不做任何事情。，因为这个函数不做任何事情。
2。
document.getElementById（“ newLocation”）。selectedIndex = 0;
document.getElementById（“ newLocation”）。onChange = jumppage;
在initform（）函数中，第一行获得html 页面上的菜单（它的 ID为newlocation），并且将它的selectedIndex属性设置为零，这会使它显示选择一个主题。
第二行让脚本在菜单选择发生改变时，调用jumppage（）函数。
3。
var newloc = document.getElementById（“ newLocation”）;
在jumppage（）函数中，newloc变量查找访问者在菜单中选择的值。
4。
var newpage = newloc.options [newloc.selectedIndex] .value;
从方括号中的代码开始，newloc.SelectedIndex 是一个从0～5 的数字（因为有6
个菜单选项。记住（JavaScript的编号常常是基于零的）。得到这个数字之后，接下来获得对应的菜单项，接下来获得对应的菜单项
的值，这就是我们希望跳转到的网页的名称。然后，将结果赋值给变量newpage。
5。
if（newpage！=“”）{
window.location = newpage;
这个条件语句首先检查newpage是否非空。换句话说，如果newpage有一个值，那么让窗口转到，那么让窗口转到
选择的菜单项所指定的url。