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

传统

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

Html代码

复制代码 代码如下:

 
 
 
 
 
 
 
 

 
   
    Select a topic 
    topic1 
    topic2 
    topic3 
    topic4 
    topic5 
   
   
  

 
 
 

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; 
            } 
        }