曲径通幽论坛

标题: <a> 标签的 href 属性设置为 '#' [打印本页]
作者: easy    时间: 2013-4-22 14:14
标题: &lt;a&gt; 标签的 href 属性设置为 &#39;#&#39;
<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">
<!--
    for (var i = 0; i < 100; i++) {
        document.write("<br>");
    }
   
-->
</script>

</head>

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

</body>


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



欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2