Fatal编程技术网
  • javascript/
  • Javascript 从输入类型跳转到页面位置=提交

Javascript 从输入类型跳转到页面位置=提交

javascript html

Javascript 从输入类型跳转到页面位置=提交,javascript,html,Javascript,Html,我有一个div，它是隐藏的，直到通过单击类型为submit的输入来填充，它同时还取消隐藏该div。我希望输入单击也能将页面跳转到div所在页面上的那个位置。以下是我对输入端的介绍 <input class="timeline hidden" id="time" type="submit" value="Time Line" onClick="TimeLine();" title="Display the Time Line for this net" > <a href="#t

我有一个div，它是隐藏的，直到通过单击类型为submit的输入来填充，它同时还取消隐藏该div。我希望输入单击也能将页面跳转到div所在页面上的那个位置。以下是我对输入端的介绍

<input class="timeline hidden" id="time" type="submit" value="Time Line" onClick="TimeLine();" title="Display the Time Line for this net" >
<a href="#timeline"></a>
这是我在div方面的资料

<div id="timeline" class="hidden"></div>
这不起作用，我不确定我必须做什么才能使它起作用。

您可以在
输入上使用
onclick=“location.href=”#timeline“；
，页面将滚动到具有设置id的元素

或者，如下面的示例所示，在
timeLine（）
函数中调用它，然后隐藏
div

注意，由于我假设
输入类型为
submit
，并不实际提交任何内容，因此我将其更改为
按钮类型

堆栈片段



函数时间线（）{
location.href='#timeline'；
document.querySelector（“#timeline”）.classList.add（'hidden'）；
}


div.marker{
边缘顶部：500px；
}
隐藏分区{
显示：无；
}



隐藏div标记

临时文本
这是因为div是隐藏的。尝试删除隐藏的
并查看它是否有效。我使用函数调用稍微更新了我的答案，以演示如何操作。这非常有效。输入提交填充div的javascript/php。因此，我将location.href添加到onclick事件中。