实现 HTML 界面
<! Doctype html> <html> <head> <title> Select and Go Navigation </title> <script src = "script01.js"> </script> <link rel = "stylesheet" href = "script01.css" rel = "infollow"> </head> <body> <form action = "gotolocation.cg id = "newlocation"> <опция выбранная> выберите тему </option> <option value = "script06.html"> поля по перекрестной проверке </option> <vitue value = "script07.html"> Работа с радиопроизводительными кнопками </option> <vition value = "script08.html"> Настройка одного поля с другим (опция> <опция value = "script08.html"> Настройка одного поля. Коды </option> <option value = "script10.html"> проверка адресов электронной почты </option> </select> <noscript> <input type = "propect" value = "go!"> </noScript> </form> </body> </html>
实现菜单导航
window.onload = initform; window.onunload = function () {}; function initform () {document.getElementById ("newLocation"). selectedIndex = 0; document.getElementById ("newLocation"). OnChange = jumppage;} функция jumppage () {var newloc = document.getelementbyid ("newlocation"); [newloc.selectedIndex] .value; if (newpage! = "") {window.location = newpage;}}下面是源码分析
1
window.onload = initform;
window.onunload = function () {};
在窗口加载时 , in initform () 函数。下一行需要解释一下 , 因为它是处理某些浏览器的古怪行为的变通方法。 因为它是处理某些浏览器的古怪行为的变通方法。 因为它是处理某些浏览器的古怪行为的变通方法。
当窗口卸载时 (即关闭窗口或者浏览器转到另一个网址) 我们调用一个匿名函数 (((((() 即没有名称的函数。在这个示例中 即没有名称的函数。在这个示例中 , 这个函数不但没有名称 而且根本不做任何事情。提供这个函数是因为必须将 而且根本不做任何事情。提供这个函数是因为必须将 而且根本不做任何事情。提供这个函数是因为必须将 设置为某种东西 否则 否则 , 当单击浏览器的 按钮时 , 就不会触发 就不会触发 事件 , 因为在某些浏览器 (比如 Firefox 和 Safari) 中页面会被缓存。让 нагрузку 执行任何操作 , 因此当用户后退时 , 会发生 会发生 会发生 会发生 会发生 会发生 会发生 , , , 因此当用户后退时 , 因此当用户后退时 , 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时 因此当用户后退时
匿名是指在 Функция 和 () 之间没有名称。这是触发 нагрузка 但不让它做任何事情的最简单的方法。与任何函数中一样 , 花括号包含函数的内容。这里的花括号是空的 , 因为这个函数不做任何事情。
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。