html接口的实现





选择和导航






选择一个主题
交叉检查等
使用单选按钮
设置一个字段与另一个字段
验证邮政编码
验证电子邮件地址









实现菜单导航


在window.onload = initForm；
window.onunload =函数（）{ }；
功能initForm（）{
document.getelementbyid（新SelectedIndex = 0）；
document.getelementbyid（新）。Onchange = jumppage；
}
功能jumppage（）{
无功newloc = document.getelementbyid（新）；
VaR NewPage = newloc.options { newloc SelectedIndex值。}；
如果（NewPage！）{
window.location =新页；
}
}




下面是源代码分析

一

在window.onload = initForm；

window.onunload =函数（）{ }；

当窗口加载，initForm（）函数被调用。下一行需要被解释，因为它是一种处理一些浏览器的怪异行为。

当窗口卸载（即关闭窗口或浏览器到另一个Web地址），我们称之为一个匿名函数（anonymousfunction），即一个函数没有名字。在这个例子中，函数不仅是没有名字的，但却什么都没有。这是因为卸载文件必须提供的功能将某物。否则，单击浏览器的后退按钮时，它将不会触发onload事件，因为在一些浏览器，如Firefox和Safari浏览器，页面会被缓存，让卸载文件执行任何操作使得页面不缓存，所以onload事件发生时用户向后。

匿名意味着之间的功能和没有名字（）。这是最简单的方式来触发onunload但不让它做任何事情。在任何函数，括号包含的函数的内容。这里的括号是空的因为这个函数什么都不做。

二

document.getelementbyid（新SelectedIndex = 0）；

document.getelementbyid（新）。Onchange = jumppage；

在initForm（）函数，第一行在HTML页面上获取菜单（其ID是新的），并设置为零的SelectedIndex属性，这使得它显示选择主题。

第二行让脚本调用jumppage（）函数时，菜单选择的变化。

三

无功newloc = document.getelementbyid（新）；

在jumppage（）函数，变量的newloc发现菜单中的游客选择的价值。

四

VaR NewPage = newloc。选项{ newloc SelectedIndex值。}；

代码开始在方括号中，进行了turn.newloc.selectedindex是一个从0 ~ 5（因为有6

菜单选项。记住Javaｓｃｒｉｐｔ的数量通常是基于0的。在得到这个数字后，你会得到相应的菜单项。

这是我们想跳到网页的名称。然后，结果赋给变量NewPage。

五

如果（NewPage！）{

window.location =新页；

这个条件语句首先检查是否NewPage不是空的。换句话说，如果新页有价值，让窗口去

选定菜单项中指定的url。