怎么从一个div跳转到另外一个div

时间:2021-07-14 20:27:10
怎么从一个div跳转到另外一个div?不用iframe!!前端菜鸟一枚

10 个解决方案

#1


不明白你的意思  跳转到时什么意思?
scrollIntoView?

#2


简单一点说就是导航切换的意思!!就好像导航那样!点击不同的按钮然后在下面主要窗口显示不同的内容!!不知道我这样表达理不理解我意思!!谢谢~

#3


点击导航? ajax加载显示内容?

#4


你要是不用框架,估计也就ajax了。。。

参考:
http://zhidao.baidu.com/link?url=Z2FsCaEatc5jWAU9HAfdHSUUqxSXn1pVtMgUMLx_GFqSguNrGPu6v-JTkNN9M_Ng9sC85jh6IJyufLelAjOseK

#5


估计就是 点击不同的导航 显示不同的div 而已

#6


你说的跳转其实是一个隐藏另一个不隐藏吧

#7


5楼正解!!

#8


用JS Jquery都行嘛……

#9


function changeBody(index){
  switch(index){
    case 1:{
      document.getElementById('iDBody1').style.display = "";
      document.getElementById('iDBody2').style.display = "none";
      document.getElementById('iDBody3').style.display = "none";
    }
    case 2:{
      document.getElementById('iDBody1').style.display = "none";
      document.getElementById('iDBody2').style.display = "";
      document.getElementById('iDBody3').style.display = "none";
    }
    case 3:{
      document.getElementById('iDBody1').style.display = "none";
      document.getElementById('iDBody2').style.display = "none";
      document.getElementById('iDBody3').style.display = "";
    }
  }
}

#10


好的  我理解了  谢谢

#1


不明白你的意思  跳转到时什么意思?
scrollIntoView?

#2


简单一点说就是导航切换的意思!!就好像导航那样!点击不同的按钮然后在下面主要窗口显示不同的内容!!不知道我这样表达理不理解我意思!!谢谢~

#3


点击导航? ajax加载显示内容?

#4


你要是不用框架,估计也就ajax了。。。

参考:
http://zhidao.baidu.com/link?url=Z2FsCaEatc5jWAU9HAfdHSUUqxSXn1pVtMgUMLx_GFqSguNrGPu6v-JTkNN9M_Ng9sC85jh6IJyufLelAjOseK

#5


估计就是 点击不同的导航 显示不同的div 而已

#6


你说的跳转其实是一个隐藏另一个不隐藏吧

#7


5楼正解!!

#8


用JS Jquery都行嘛……

#9


function changeBody(index){
  switch(index){
    case 1:{
      document.getElementById('iDBody1').style.display = "";
      document.getElementById('iDBody2').style.display = "none";
      document.getElementById('iDBody3').style.display = "none";
    }
    case 2:{
      document.getElementById('iDBody1').style.display = "none";
      document.getElementById('iDBody2').style.display = "";
      document.getElementById('iDBody3').style.display = "none";
    }
    case 3:{
      document.getElementById('iDBody1').style.display = "none";
      document.getElementById('iDBody2').style.display = "none";
      document.getElementById('iDBody3').style.display = "";
    }
  }
}

#10


好的  我理解了  谢谢