使用a标签实现页面的定向跳转


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
</head>
<style>
.fg{
margin: 700px;
}
</style>
<body>
<h3 class="title" id="t">a标签的定向跳转</h3>
<ul>
<li id="one">跳转一</li>
<li class="two">跳转二</li>
<li id="three">跳转三</li>
<li name="fofo">跳转四</li>
</ul>

<p class="fg"></p>
<a href=".one">>>>>跳到一</a> #404 Not Found
<hr>
<a href=".two">>>>>跳到二</a> #404 Not Found
<hr>
<a href="#three">>>>>跳到三</a> #成功跳转
<hr>
<a href="#one">>>>>跳到一</a> #成功跳转


</body>
</html>


总结:a标签在同一页面实现定向跳转,只能用id作为href实现


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM