欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript实现跳转菜单的具体方法_javascript技巧

程序员文章站 2022-06-11 10:00:15
...
传统javascript实现跳转菜单的具体方法_javascript技巧

这里要做的是,省略Go There按钮,选择菜单项后,直接跳转。

javascript实现跳转菜单的具体方法_javascript技巧

Html代码

复制代码 代码如下:





转移菜单











Javascript脚本
复制代码 代码如下:

window.onload=initForm;
//防止页面缓存,无法触发onload
window.onunload=function(){}
function initForm(){
document.getElementById("newLocation").selectIndex=0;
document.getElementById("newLocation").onchange=jumpPage;
}
function jumpPage(){
var newLoc=document.getElementById("newLocation");
var newPage=newLoc.options[newLoc.selectedIndex].value;
if (newPage!=""){
window.location=newPage;
}
}