单击按钮在同一页面上转到不同的方向

时间:2016-01-14 04:15:48

标签: html

如何点击它来执行按钮功能,它会转到同一页面上的另一个方向?我知道怎么做href,但如果按钮怎么办?

如果href我使用这种方法 <a href="#BTM" name="Top"> <a href="#Top" name="BTM"> 如果按钮怎么办?

<input type="button" name="TOP" value="CLICK TO GO BOTTOM ">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<input type="button" name="BTM" value="CLICK TO GO TOP ">

1 个答案:

答案 0 :(得分:1)

您可以尝试这样:

<html>

<input type="button" id="top"name="TOP" value="CLICK TO GO BOTTOM " onClick="document.getElementById('bottom').scrollIntoView();" >
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<input type="button" id="bottom" name="BTM" value="CLICK TO GO TOP " onClick="document.getElementById('top').scrollIntoView();" >
</html>