<a
id="anchor"
href="#"
style="display:none">锚点连接</a>
如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。
<SCRIPT
LANGUAGE="JavaScript">
function
hide(){
document.getElementById("anchor").style.display
=
"none"
}
function
show(){
document.getElementById("anchor").style.display
=
"block"
}
</SCRIPT>
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在HTML中标签<a></a>
或者大写字母A
。其中的a（或者
A）
是
anchor
的缩写
。anchor
['æŋkə]
基本解释是.：锚,
铁锚
的，网页当中的所有连接跳转基本上都是通过a标签来实现的。
在html文档中，基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性，当然A标签也不例外。
1、方法一：
给锚点文本标签添加id，使用<a href="#"></a>来定位，当单击a链接时，就会跳到id为a01的p标签处；
如：
<div><a href="#a01"></a></div>
<p>练习</p><p>练习</p><p>练习</p><p>练习</p><p>练习</p>
<p id="a01">练习</p>
这样的定位可以针对任何标签来定位。
2、方法二：
给a标签的文本添加锚点，单击链接可跳到name为a01的a标签处；
如：
<div><a href="#a01"></a></div>
<p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p>
<a name="a01" href=“#”>练习</a>
使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。
3、方法三：
使用js，如：
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
扩展资料：
类似的html元素用法：
1、超链接对象
超链接是超级链接的简称。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。
超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的WWW网站中的网页。
2、动态静态
超链接还可以分为动态超链接和静态超链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接，例如可以实现将鼠标移动到某个文字链接上。而静态超链接，顾名思义，就是没有动态效果的超链接。
参考资料来源：百度百科-描点
参考资料来源：百度百科-超链接
href="javascript:test()"可以调用js的test方法
onclick = "test()" 同样可以调用js的test方法
在href属性后面添加一个onclick属性就可以解决问题。href控制页面跳转路径 onclick控制调用js，解决方法不唯一但这种是最简单的。
<html><head>
<title>test</title>
</head>
<body>
<a href="#name" onclick="javascript:alertstr()">click</a>
<div style="height:5000px"></div>
<div id="name"></div>
<script type="text/javascript">
function alertstr(){
alert(1)
}
</script>
</body>
</html>
