用javascript实现页面刷新后跳转菜单的定位[原创]

原创 2004年10月30日 00:45:00

  在实际设计中,我们常常要用到跳转菜单,跳转后,页面会刷新一下,此时,我们需要让跳转菜单显示我们刚才选择的那一项。试过许多方法后,我感觉用“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的代码了,具体就看自己的需要了。 
         唉~不吐不快啊,终于舒坦了,嘿嘿。

HTML锚点控制,跳转页面后定位到相应位置

想在点击更多的页面 跳转后  用户能看到的是新闻  不用在用scollbar托下来到新闻页面  这时候就需要在链接上 做下处理  查看更多  在 a链接的后面加载 #view 然后在另外这个新闻页面...
  • zero_295813128
  • zero_295813128
  • 2016年03月23日 15:46
  • 10325

JS实现Tab内容切换,页面不刷新,内容切换,网址变化

  • 2014年07月05日 10:52
  • 58KB
  • 下载

mvc左边菜单不刷新

mvc左边菜单刷新 在mvc中如何让左边菜单不刷新,菜单是写在layout中的,单击菜单项会刷新整个页面 ------解决方案-------------------- 你不会放在...
  • linybo
  • linybo
  • 2015年11月11日 10:32
  • 3533

用javascript实现页面刷新后跳转菜单的定位[原创]

  在实际设计中,我们常常要用到跳转菜单,跳转后,页面会刷新一下,此时,我们需要让跳转菜单显示我们刚才选择的那一项。试过许多方法后,我感觉用“MenuObj.selectedIndex=”实现是最直接...
  • zxub
  • zxub
  • 2004年10月30日 00:45
  • 2809

用javascript实现页面刷新后跳转菜单的定位

 用javascript实现页面刷新后跳转菜单的定位    在实际设计中,我们常常要用到跳转菜单,跳转后,页面会刷新一下,此时,我们需要让跳转菜单显示我们刚才选择的那一项。试过许多方法后,我感觉用“M...
  • xdfwsl
  • xdfwsl
  • 2006年07月27日 09:06
  • 1348

再谈用javascript实现页面刷新后跳转菜单的定位[原创]

  昨天想了下用javascript实现页面刷新后跳转菜单的定位,提出了一个解决办法。但是,总感觉通用性不大,后来一想,干脆就查找obj.options.value中有没有URL中的特定字段,这样通用...
  • zxub
  • zxub
  • 2004年10月30日 16:43
  • 2078

PJAX实现页面无刷新跳转及加载数据(浏览器可回退前进)

什么是PJAX? https://github.com/defunkt/jquery-pjax https://my.oschina.net/sub/blog/123447 https://ww...
  • u013890024
  • u013890024
  • 2016年10月31日 18:40
  • 3311

jQuery Mobile弹出对话框后不刷新原页面,保持原页面内容不变

使用jQuery Mobile开发移动应用程序时,在一个页面上弹出对话框,关闭对话框后,发现原来的页面被刷新了。如果原页面上有一些已经选择或者填写的数据,则这些数据就会丢失。这时候,就需要对对话框的返...
  • zht666
  • zht666
  • 2013年02月18日 19:07
  • 22064

JQuery实现页面刷新后菜单保留鼠标点击addclass的样式

以前一直困惑我的一个问题就是:怎么实现给当前页面导航菜单一个样式? 最最开始的时候用的是最笨的方法,就是每个导航页面都写得不一样。比方说index.html页面的时候,会在index导航的a标签一个...
  • ful1021
  • ful1021
  • 2014年09月11日 17:21
  • 1855

点击按钮刷新页面定位到当时的位置

前台:  导航1 后台: ScriptManager.RegisterStartupScript(this, GetType(), "", "alert('保存失败!');location.href=...
  • lovejesuslove
  • lovejesuslove
  • 2016年03月25日 09:20
  • 615
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用javascript实现页面刷新后跳转菜单的定位[原创]
举报原因:
原因补充:

(最多只允许输入30个字)