web tips——href跳转页面指定部分

web tips——href跳转页面指定部分

2015年07月19日 14:30:51

阅读数：499

当设计用户页面交互行为时，希望点击某区域，不是跳转页面，而是希望跳转至当前页面的某一部分，利用a便可实现……

首先，明白<a href="url ">的概念，超链接，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段，同时也包括ID名称。

我们也可称之为“锚点”，<a href="#id名“ >，不过事先定义需要跳转部分的id名称。

如：

 

[html] view plain copy

1. <article id="content-choice">  
2. 选择题  
3. </article>  
4. <article id="content-choice">  
5. 填空题  
6. </article>  
7. <article class="content-short"  id="content-short">  
8. <h2 >四.  简答题（20分，共2题）</h2>  
9. <ul>  
10. <li>  
11. <label>随参信道传输媒质的特点？</label><br />  
12. <textarea cols="100%" rows="5%" placeholder="答："></textarea>  
13. </li>  
14. <li>  
15. <label>对于AM系统，无门限效应的解调方法？</label><br />  
16. <textarea cols="100%" rows="5%" placeholder="答："></textarea>  
17. </li>  
18. </ul>  
19. </article>  
20. <a href="#content-short"><li id="card-nav-short">简答题</li></a>  

 

点击简答题，即可跳转至页面的简答题部分；

此外，<a href="javascript:;" >也可实现跳至顶部功能 

以上便是此次的分享，如有更好建议，望指正，谢谢！