实现 html 界面
<! doctype html> <html> <head> <title> เลือกและไปการนำทาง </title> <script src = "script01.js"> </script> <link rel = "stylesheet" href = "script01.css" rel = "external nofollow" เลือก> เลือกหัวข้อ </optup> <optup-value = "script06.html"> ฟิลด์การตรวจสอบข้าม </opovie> <ตัวเลือกค่า = "script07.html"> การทำงานกับปุ่มตัวเลือก </opotion> <opotion value = "script08.html"> การตั้งค่าหนึ่ง value = "script10.html"> การตรวจสอบที่อยู่อีเมล </optural> </select> <noscript> <อินพุต type = "ส่ง" value = "ไปที่นั่น!"> </noscript> </form> </body> </html>
实现菜单导航
window.onload = initform; window.onunload = function () {}; function initform () {document.getElementById ("newLocation"). selectedIndex = 0; document.getElementById ("newLocation"). onChange = JUMPPAGE; [newLoc.SelectedIndex] .Value; if (newPage! = "") {window.location = newPage;}}下面是源码分析
1.
window.onload = initform;
window.onunload = function () {};
在窗口加载时, 调用 initform () 函数。下一行需要解释一下, 因为它是处理某些浏览器的古怪行为的变通方法。
(), 我们调用一个匿名函数( anonymousfunction), 即没有名称的函数。在这个示例中, 这个函数不但没有名称, 而且根本不做任何事情。提供这个函数是因为必须将而且根本不做任何事情。提供这个函数是因为必须将而且根本不做任何事情。提供这个函数是因为必须将设置为某种东西,,,,,,,,,,,,, 就不会触发就不会触发, 事件事件 因为在某些浏览器(比如 因为在某些浏览器(比如 因为在某些浏览器(比如,,,,,,, 因此当用户后退时因此当用户后退时因此当用户后退时因此当用户后退时,,,,,,,,,,
匿名是指在 function 和 () 之间没有名称。这是触发 onunload 但不让它做任何事情的最简单的方法。与任何函数中一样, 花括号包含函数的内容。这里的花括号是空的, 因为这个函数不做任何事情。因为这个函数不做任何事情。
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.
ถ้า (newPage! = "") {
window.location = newPage;
这个条件语句首先检查 newpage 是否非空。换句话说, 如果 newpage 有一个值, 那么让窗口转到
选择的菜单项所指定的 url 。