<a> 标签的 href 属性设置为 '#'

easy · 发表于 2013-4-22 14:14:47

<a> 标签的 href 属性值一般是一个网址，或者是一个相对路径的文件名，用以跳转到另一个网页，但有时也会看到其值被设置为 '#' 。

这是因为，在动态网页中，常常需要在单击超链接时处理一些数据，而不是进行网页跳转。处理这种事情，一个方式就是将 href 设置为 '#' ，接着并设置一个用以处理事件的属性，如 onclick (如使用 JavaScript 语言)。在这种处理方式下，在单击该超链接时，不会跳转网页，而是执行 onclick 属性值中的 JavaScript 语句。由于 href 的属性值为 '#' ，浏览器会自动跳转到网页的顶部。如果当前页面的内容较多，浏览器窗口会出现下拉滚动条，此时可以明显的看到跳转，这种跳转往往不是网页设计者的本意。

比如下面的测试代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 在超链接中使用事件 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" language="javascript">

</script>

</head>

<body>

<a href="#" onclick="alert('您访问的是曲径通幽论坛')"> www.groad.net </a>

</body>

</html>

上面代码中，javascript 部分是为了产生“这个页面有许多内容”的显示效果。当页面加载后，会有下拉滚动条，拉到最底下可以看到网址 www.groad.net ，点击后，会看到提示框“您访问的是曲径通幽论坛”，点击确定关闭提示框后，页面会弹回顶部。

		自动登录	找回密码
密码			立即注册

[HTML] <a> 标签的 href 属性设置为 '#'

浏览过的版块