緢链接-跳转到另一个位置与另一个页面的区别
1 緢链接-跳转到另一个位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
a{
list-style: none;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#tiaozhuan_1">跳转一</a>
<a href="#tiaozhuan_2">跳转二</a>
<div style="width:100%; height:500px; background:#0066FF;">我是占位的块</div>
<div style="width:100%; height:450px; background:#66FFFF;"><a id="tiaozhuan_1">我是跳转一跳到的位置</a></div>
<div style="width:100%; height:450px; background:#99CC00;"><a id="tiaozhuan_2">我是跳转二跳到的位置</a></div>
<div style="width:100%; height:500px; background:#0066FF;">我是占位的块</div>
</body>
</html>
2 緢链接-跳转到另一个页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="2.html#a1">点我</a><!--此处id要与页面2保持一致-->
</body>
</html>
跳转页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a id="a1">跳到这里了</a><!--此处id要与页面1保持一致--> <br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
<a href="javascript:void(0)">1</a><br/>
<a href="javascript:void(0)">2</a><br/>
<a href="javascript:void(0)">3</a><br/>
<a href="javascript:void(0)">4</a><br/>
<a href="javascript:void(0)">5</a><br/>
<a href="javascript:void(0)">6</a><br/>
<a href="javascript:void(0)">7</a><br/>
<a href="javascript:void(0)">8</a><br/>
<a href="javascript:void(0)">9</a><br/>
</body>
</html>
