实现 html 界面
<! Doctype html> <html> <head> <title> pilih dan go navigasi </itement> <script src = "script01.js"> </script> <link rel = "stylesheet" href = "script01.css" rel = "eksternal nofollow"> </head> <body> <form action = "gOTOCER =" gOTOCE = "GOTOCE/GOTOCE/GOTOCION" GOTOCE/GOTOCICE. 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"> memvalidasi alamat email </pection> </tect> <noscript> <input type = "kirim" value = "Go There!"> </noscript> </form> </body> </html>
实现菜单导航
window.onload = initform; window.onunload = function () {}; function initform () {document.getElementById ("newLocation"). SelectedIndex = 0; document.getElementById ("newLocation"). OnChange = jumppage;} function jumppage () {varlocation "). OnChange = jumppage;} function jumppage () {varlocation") .get.goGage = Jumppage;} function Jumppage () {varlocation "). Document. [newLoc.selectedIndex] .value; if (newPage! = "") {window.location = newPage;}}下面是源码分析
1.
window.onload = initform;
window.onunload = function () {};
在窗口加载时 ， 调用 initform () 函数。下一行需要解释一下 ， ，
当窗口卸载时（即关闭窗口或者浏览器转到另一个网址） ， 我们调用一个匿名函数（ AnonymousFunction） ， 即没有名称的函数。在这个示例中 ， 这个函数不但没有名称 ， 而且根本不做任何事情。提供这个函数是因为必须将 onunload 设置为某种东西 ， 否则 ， 当单击浏览器的 当单击浏览器的 按钮时 ， 就不会触发 就不会触发 事件 事件 ， 因为在某些浏览器（比如 因为在某些浏览器（比如 因为在某些浏览器（比如 和 会发生 会发生 会发生 ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ， ，
匿名是指在 Fungsi 和 () 之间没有名称。这是触发 Onunload 但不让它做任何事情的最简单的方法。与任何函数中一样 ， 花括号包含函数的内容。这里的花括号是空的 ， 因为这个函数不做任何事情。
2.
document.geteLementById ("newlocation"). SelectedIndex = 0;
document.geteLementById ("newlocation"). onchange = jumppage;
在 initform () 函数中 ， 第一行获得 html 页面上的菜单（它的 id 为 newlocation） ， 并且将它的 SelectedIndex 属性设置为零 ， ， Pilih topik。
第二行让脚本在菜单选择发生改变时 ， 调用 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。