实现 html 界面
<! DocType html> <html> <fead> <title> seleccione la navegación </title> <script src = "script01.js"> </script> <link rel = "stylesheet" href = "script01.css" rel = "nofollow externo"> </head> <body> <form action = "gotolaticatation.cgi"> <selication " Seleccionado> Seleccionar un tema </opción> <opción valor = "script06.html"> campos de comprobación cruzada </opción> <opción value = "script07.html"> Funcionando con los botones de radio </opción> <opción valor = "script08.html"> Configuración de un campo con otro </opción> <Opción Valor = "script09.html"> Validando los códigos de ZIP </opción <opción <opción <opción <opción <opción <opción <opción> <opción <opción <opción <opción <opción <opción <opción <opción <opción <opción value = "script10.html"> Validación de direcciones de correo electrónico </opción> </select> <roscript> <input type = "envitar" value = "vaya allí!"> </roscript> </form> </body> </html>
实现菜单导航
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");; [newLoc.SelectedIndex] .Value; if (newPage! = "") {window.location = newPage;}}下面是源码分析
1.
Window.Onload = initform;
Window.OnUnload = function () {};
在窗口加载时 , 调用 initform () 函数。下一行需要解释一下 因为它是处理某些浏览器的古怪行为的变通方法。 因为它是处理某些浏览器的古怪行为的变通方法。
当窗口卸载时(即关闭窗口或者浏览器转到另一个网址) , 我们调用一个匿名函数( 我们调用一个匿名函数()) 即没有名称的函数。在这个示例中 这个函数不但没有名称 这个函数不但没有名称 , 而且根本不做任何事情。提供这个函数是因为必须将 而且根本不做任何事情。提供这个函数是因为必须将 onunload 设置为某种东西 , 否则 当单击浏览器的 当单击浏览器的 按钮时 就不会触发 就不会触发 事件 事件 事件 因为在某些浏览器(比如 因为在某些浏览器(比如 firefox 和 safari )中页面会被缓存。让 onunload 执行任何操作 就会使页面不被缓存 就会使页面不被缓存 因此当用户后退时 会发生 会发生 会发生 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。 事件。
匿名是指在 Función 和 () 之间没有名称。这是触发 OnUnload 但不让它做任何事情的最简单的方法。与任何函数中一样 , 花括号包含函数的内容。这里的花括号是空的 因为这个函数不做任何事情。
2.
document.getElementById ("NewLocation"). SelectedIndex = 0;
document.getElementById ("NewLocation"). OnChange = JUMPPAGE;
在 initform () 函数中 , 第一行获得 Html 页面上的菜单(它的 ID 为 NewLocation) , 并且将它的 SelectedIndex 属性设置为零 , 这会使它显示 Seleccione un tema。
第二行让脚本在菜单选择发生改变时 调用 调用 jumppage () 函数。
3.
var newLoc = document.getElementById ("NewLocation");
在 JUMPPAGE () 函数中 , NewLoc 变量查找访问者在菜单中选择的值。
4.
var newPage = newLoc.options [newLoc.SelectedIndex] .Value;
从方括号中的代码开始 , 向外依次分析。Newloc.SelectedIndex 是一个从 0 ~ 5 的数字(因为有 6
个菜单选项。记住 JavaScript 的编号常常是基于零的)。得到这个数字之后 接下来获得对应的菜单项 接下来获得对应的菜单项
的值 , 这就是我们希望跳转到的网页的名称。然后 将结果赋值给变量 将结果赋值给变量 将结果赋值给变量 将结果赋值给变量。。
5.
if (newPage! = "") {
Window.location = NewPage;
这个条件语句首先检查 NEWPAGE 是否非空。换句话说 , 如果 如果 如果 有一个值 那么让窗口转到 那么让窗口转到
选择的菜单项所指定的 URL。