通过href简单实现单击a链接跳转到页面指定位置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过href简单实现单击a链接跳转到页面指定位置相关的知识,希望对你有一定的参考价值。

在页面中点击a标签后,要使其跳到页面里面相应的地方,方法很简单,就是在a标签里面href中的内容和你要跳到这个区域的id同名即可,例如: 

<a href="#ppp" target="_blank">jump</a>
<p>p1</p><br/><br/><br/>
<p>p1</p><br/><br/><br/>
<p>p1</p><br/><br/><br/>
<p>p1</p><br/><br/><br/>
<p>p1</p><br/><br/><br/>
<p>p1</p><br/><br/><br/>
<p>p1</p><br/><br/><br/>
<p>p1</p><br/><br/><br/>
<p id="ppp" name="pop" class="opo">ppp</p><br/><br/><br/>
<p>p1</p><br/><br/><br/>

仅使用#ppp有效,点击jump后,打开新窗口,并定位到ppp

 

以上是关于通过href简单实现单击a链接跳转到页面指定位置的主要内容,如果未能解决你的问题,请参考以下文章

PHP怎么实现一单击按钮就跳转到令一个页面

ajax怎样实现加载页面,点击页面链接不跳转走

HTML实现跳转到页面指定位置

html 跳转页面,同时跳转到一个指定的位置

html自动点击链接后跳转到指定页面

如何用jquery实现点击后跳到页面指定位置