HTML t
<! docType html> <html> <head> <title> 선택 및 이동 탐색 </title> <script src = "script01.js"> </script> <link rel = "stylesheet"href = "script01.css"rel = "external nofollow "> <body> <compition = <select ="select. id = "newlocation"> <옵션 선택> 주제 선택 </옵션> <옵션 값을 선택하십시오 </옵션> <옵션 값 = "script06.html"> 크로스 확인 필드 </옵션> <옵션 value = "script07.html"> 라디오 버튼 작업 </옵션 </옵션 vale = "script08.html"> 옵션 value = "script08.html"> script09.html. 코드 </옵션> <옵션 값 = "script10.html"> 이메일 주소 확인 </옵션> </select> <noscript> <input type = "제출"value = "이동!"> </noscript> </body> </html>
实现菜单导航
Window.Onload = initForm; wind [newloc.selectedIndex] .Value; if (newPage! = "" ") {window.location = newPage;}}下面是源码分析
1.
Window.onload = initform;
Window.onload = function () {};
在窗口加载时, 调用 initform () 函数。下一行需要解释一下 函数。下一行需要解释一下, 因为它是处理某些浏览器的古怪行为的变通方法。
当窗口卸载时））） （（（我们调用一个匿名函数 (익명의 기능 indect indect)
function) () 之间没有名称。这是触发 on UnOnload 但不让它做任何事情的最简单的方法。与任何函数中一样, 花括号包含函数的内容。这里的花括号是空的, 因为这个函数不做任何事情。 因为这个函数不做任何事情。
2.
document.getElementById ( "newlocation"). selectedIndex = 0;
document.getElementById ( "newlocation"). onchange = JumpPage;
在 initform () form form form, 第一行获得 html 页面上的菜单 页面上的菜单 (它的 id id 为 newlocation), 并且将它的 selectedIndex 属性设置为零, 这会使它显示 주제 선택。。
짐
3.
var newloc = document.getElementById ( "newlocation");
在 jumppage () 函数中 函数中, Newloc 变量查找访问者在菜单中选择的值。
4.
var newpage = newloc.options [newloc.selectedIndex] .Value;
从方括号中的代码开始 从方括号中的代码开始, 向外依次分析。newloc.selectedIndex 是一个从 0 ～ 5 的数字 ay (因为有 6
个菜单选项。记住 javaScript av) 。得到这个数字之后 。得到这个数字之后, 接下来获得对应的菜单项
的值 的值, 这就是我们希望跳转到的网页的名称。然后 这就是我们希望跳转到的网页的名称。然后, 将结果赋值给变量 NewPage。
5.
if (newPage! = "") {
Window.location = NewPage;
NewPage age age, 如果 NewPage 有一个值, 那么让窗口转到
选择的菜单项所指定的 URL。