时间戳

首页 > 解决方案 > 如何使用 javascript 跳转到另一个 div？

javascript - 如何使用 javascript 跳转到另一个 div？

问题描述

我正在做一个问答网站。当用户选择答案时，我想跳到另一个问题。

这是我的html代码：

<div id="question1" >
　　<label>What do you like：&lt;/label>
　　<input type="radio" name ="a" value="apple" >apple
　　<input type="radio" name ="a" value="banana">banana
　　<input type="radio" name ="a" value="melon">melon
</div>

这是我的 Javascript 代码：

var a=document.getElementsByName('a');
var questionNum = 0;

if(a[0].checked)
{
//jump to question2 on same site(or a new site e.g. 2.html)
}
if(a[1].checked)
{
//jump to question3 on same site(or a new site e.g. 3.html)
}
if(a[2].checked)
{
//jump to question4 on same site(or a new site e.g. 4.html)
}

我怎样才能实现它？

标签： javascripthtml

解决方案

你需要用一个独特的id属性来识别每个问题。然后您可以通过使用 更改地​​址来跳转到问题location.href = "#question2"。您可以使用以下链接中描述的方法平滑过渡： https ://www.w3schools.com/howto/howto_css_smooth_scroll.asp

推荐阅读