js选择并传送导航菜单示例代码
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
菜单选项。记住Javascript的数量通常是基于0的。在得到这个数字后,你会得到相应的菜单项。
这是我们想跳到网页的名称。然后,结果赋给变量NewPage。
五
如果(NewPage!){
window.location =新页;
这个条件语句首先检查是否NewPage不是空的。换句话说,如果新页有价值,让窗口去
选定菜单项中指定的url。