用javascript實現頁面刷新後跳轉菜單的定位[原創]

  在實際設計中,我們常常要用到跳轉菜單,跳轉後,頁面會刷新一下,此時,我們需要讓跳轉菜單顯示我們剛纔選擇的那一項。試過許多方法後,我感覺用“MenuObj.selectedIndex=”實現是最直接的,這裏,需要在頁面間傳遞變量,我試了下,總是沒傳過去,不知道哪裏出錯了,好鬱悶。
  突然,想到動態網頁的地址,形如aaa=bbb&ccc=ddd,那html頁面加上這麼些東西會怎麼樣呢?試了下,和原來一樣的。好,可以在地址欄放參數了,用個document.location地址就下來了,再在取到的地址欄字符串中截取到我們要的那個參數,這下“MenuObj.selectedIndex=”可以用了。
  正好,在做這麼一個頁面,就把上面想到的丟到頁面裏去,代碼如下:
  <script language="JavaScript" type="text/JavaScript">
        function SetSelectedIndex(obj)      //obj代表跳轉菜單了
       {
          var SelectedIndex;
          var URL=document.location;   
          var SerachTagLocation=null;
          var URLString="/""+URL+"/"";  //不加"的話,會說對象不支持此方法,沒辦法,就加了
          SerachTagLocation=URLString.indexOf("typeid/=");
         if (SerachTagLocation!=-1)
         {
             var SelectTypeid=URLString.substr(SerachTagLocation+7,1)    //上面找到的是t的位置,要轉一下
             var OptString="/""+obj.options[1].value+"/"";           //下面的四行是針對我的需要寫的
            var OptSerachTagLocation=OptString.indexOf("=");
            var OptTypeid=OptString.substr(OptSerachTagLocation+1,1)
            SelectedIndex=SelectTypeid-(OptTypeid-1);
         }
          else SelectedIndex=0;
        obj.selectedIndex=SelectedIndex;     //這下可以定位了
         }
        </script>
        只要在跳轉菜單後面運行一下上面的函數,就可以實現定位了,當然了,跳轉後地址要加上一串行如aaa=bbb的代碼了,具體就看自己的需要了。 
         唉~不吐不快啊,終於舒坦了,嘿嘿。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章