javascript实现跳转菜单的具体方法_javascript技巧
程序员文章站
2022-06-02 16:08:01
...
传统
转移菜单
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;
}
}
这里要做的是,省略Go There按钮,选择菜单项后,直接跳转。
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;
}
}
推荐阅读
-
用php+javascript实现二级级联菜单的制作
-
不使用JavaScript实现菜单的打开和关闭效果demo
-
不使用JavaScript实现菜单的打开和关闭
-
JavaScript实现带有子菜单和控件的slider轮播图效果
-
JavaScript实现简单的树形菜单效果
-
原生javascript实现右键菜单效果的方法
-
JavaScript结合PHP实现网页制作中双下拉菜单的动态实现
-
动态的改变IFrame的高度实现IFrame自动伸展适应高度_javascript技巧
-
javascript中的缓动效果实现程序_javascript技巧
-
JavaScript+PHP应用一:网页制作中双下拉菜单的动态实现(转贴)_PHP