Question

我想创建一个在单击时跳转到页脚的链接。这样的锚标签会是什么样的？

我有这样的HTML：

<a href="?????">Footer</a>
....some html...
<footer>
  some footer text
</footer>

这可能吗？

Answer 1

不使用javascript实现这一目标的唯一可行方法是

 <a href="#my-footer">Footer</a>
 ....some html...
 <footer id="my-footer">
   some footer text
</footer>

Answer 2

如果您使用的是jQuery，可以使用它：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript"> 

    function runAjax(debugMode)
    {
        if (debugMode=="")
        {
            document.getElementById("outputPhp").innerHTML="nothing was send to server";
            return;
        }
        if (window.XMLHttpRequest)
        {
            // AJAX use with IE7+, Chrome, Firefox, Safari, Opera
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            // AJAX use with IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("outputPhp").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","TestButtonClick.php?q="+debugMode,true);
        xmlhttp.send();
    }
</script>
<title>Debug</title>
</head>

<body>
<br>
<input type="button" size="10" value="test" 
onclick="runAjax(this.value)"/>
<span id="test">Click this button to run all tests</span>
<br>
<br>
<p id="outputPhp"></p>
<br>
</body>

</html>

这会给你一个很好的动画，而不仅仅是跳到那里。

HTML5可以从锚标签跳转到页脚？

2 个答案: