假链接

假链接
  • 格式1:<a href="#">点击</a>
    会自动回到网页的顶部
  • 格式2:<a href="javascript:"></a>
    不会自动回到网页顶部,点了不会动

如果设置了base的target

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <base target="_blank">
</head>
<body>
<a href="#">111</a>
<a href="javascript:">222</a>
</body>
</html>

如果点击第一个,会在新窗口打开空白页;
如果点击第二个,不会在新窗口打开,纹丝不动。


给a标签中的#后面加上ID名称

会跳转到指定位置

<h2 id="top">我是顶部</h2>
<a href="#centre">跳转到中部</a>
<br>
<br>
<br>
<br>
<br>
<h2 id="centre">我是中部</h2>
<a href="#bottom">跳转到底部</a>
<br>
<br>
<br>
<br>
<br>
<h2 id="bottom">我是尾部</h2>
<a href="#top">跳转到头部</a>

注意:
1.通过a标签跳转到指定位置是没有过渡动画的,一下子跳转到目标地址。
2.a标签还可以在跳转到其他界面的同时也可以跳转到其他界面的指定位位置。
格式:<a href="base.html#test3">跳转到锚点测试界面</a>
<h2 id="test3">锚点测试界面333</h2>

<a href="base.html#test3">跳转到锚点测试界面</a>
<h2 id="top">顶部</h2>
<a href="#centre">跳到中部</a>
<br>
<br>
<br>
<br>
<br>
<h2 id="centre">中部</h2>
<a href="#bottom">跳到底部</a>
<br>
<br>
<br>
<br>
<br>
<h2 id="bottom">底部</h2>
<a href="#top">跳到顶部</a>

直接在a标签的href中填写目标文件地址,并在后面加上指定地址的ID

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,837评论 0 0
  • 浏览器请求数据过程 1.URL http://127.0.0.1/index.html(浏览器会自动添加80) h...
    菜鸟白泽阅读 4,055评论 0 0
  • 本文摘自 《Go 语言 从入门到进阶实战》一书,作者 徐波 1. 普通函数声明方式 Go语言的函数声明以func标...
    kedge阅读 3,414评论 0 1
  • jquery中的ajax方法参数的用法和他的含义: 1.url:要求为String类型的参数,(默认为当前页地址)...
    向日葵666666阅读 2,790评论 0 1
  • 生成式对抗网络 GAN 是 2014 年由 Goodfellow 提出的一种新颖的生成式模型,随后得到了快速发展。...
    牛奶芝麻阅读 3,505评论 0 0