实现 html 界面
<! DocType html> <html> <Head> <titels> Select and Go Navigation </title> <script src = "script01.js"> </script> <link rel = "styleSheet" href = "script01.css" rel = "external nofOLOW"> </head> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body> <body action = "> </head> <body> <body> 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"> Validierung von E -Mail -Adressen </option> </select> <noscript> <Eingabe type = "subieren" value = "GO ITH!"> </noscript> </form> </body> </html>
实现菜单导航
window.onload = initform; window.onunload = function () {}; function initform () {document.getElementById ("newlocation"). SelectedIndex = 0; document.getElementById ("newlocation"). onchange = jumppage;} Funktion Jumppage () {var Newloc = Dokument = Dokument = Dokument = Dokument = Dokument = Dokument = document. [newloc.selectedIndex] .Value; if (newpage! = "") {window.location = newPage;}}下面是源码分析
1.
window.onload = initform;
window.onunload = function () {};
在窗口加载时 ， 调用 initform () 函数。下一行需要解释一下 ， 因为它是处理某些浏览器的古怪行为的变通方法。 因为它是处理某些浏览器的古怪行为的变通方法。
当窗口卸载时（即关闭窗口或者浏览器转到另一个网址） ， 我们调用一个匿名函数（ anonymousfunktion） ， 即没有名称的函数。在这个示例中 ， 这个函数不但没有名称 ， 而且根本不做任何事情。提供这个函数是因为必须将 而且根本不做任何事情。提供这个函数是因为必须将 而且根本不做任何事情。提供这个函数是因为必须将 而且根本不做任何事情。提供这个函数是因为必须将 设置为某种东西 否则 否则 当单击浏览器的 zurück
匿名是指在 Funktion 和 () 之间没有名称。这是触发 Onun -load 但不让它做任何事情的最简单的方法。与任何函数中一样 ， 花括号包含函数的内容。这里的花括号是空的 ， 因为这个函数不做任何事情。 因为这个函数不做任何事情。
2.
document.getElementById ("NewLocation"). SelectedIndex = 0;
document.getElementById ("NewLocation"). Onchange = Jumppage;
在 initform () 函数中 ， 第一行获得 html 页面上的菜单（它的 id 为 NewLocation） ， 并且将它的 selectedIndex 属性设置为零 ， 这会使它显示 Wählen Sie ein Thema aus。
第二行让脚本在菜单选择发生改变时 ， 调用 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。