代码改变世界

测试Location对象的Hash属性

2011-04-25 12:11  音乐让我说  阅读(410)  评论(0)    收藏  举报

代码：

<!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>测试Location对象的Hash属性</title>
    <script type="text/javascript">
        function setAnchor(str)
        {
            window.location.hash=str;
        }
        function getAnchor()
        {
            var str = window.location.hash;
            alert("当前浏览器的Hash值为：" + str);
        }
    </script>
</head>
<body onload="getAnchor();">
  <a href="javascript:setAnchor('jueju');">杜甫 绝句</a>      

  <a href="javascript:setAnchor('yijianmei');">李清照 一剪梅</a>      

  <a href="javascript:setAnchor('hanghelou');">崔颢 黄鹤楼</a>      

  <a name="jueju"><center>绝句</center></a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <!--古诗内容省略，见源代码-->
  <a name="yijianmei"><center>一剪梅</center></a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <!--古诗内容省略，见源代码-->
  
  <a href="javascript:setAnchor('jueju');">杜甫 绝句</a>      

  <a href="javascript:setAnchor('yijianmei');">李清照 一剪梅</a>      

  <a href="javascript:setAnchor('hanghelou');">崔颢 黄鹤楼</a>      
  
  <a name="hanghelou"><center>黄鹤楼</center></a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <!--古诗内容省略，见源代码--> 
</body>


</html>

谢谢浏览！