与基本href一起使用的防弹“回到顶部”锚？答案

【问题标题】：Bulletproof "back to top" anchor that works with base href?与基本href一起使用的防弹“回到顶部”锚？
【发布时间】：2012-05-17 04:06:05
【问题描述】：

如何创建一个防弹的“返回顶部”锚点，无论网站是否有基本 href，它都可以工作？

我应该使用脚本来嗅探页面的当前 URL 并动态创建锚点吗？

页面顶部的锚点是：

<a id="top"></a>

“返回顶部”链接位于页面底部：

<a href="#top">Back to top</a>

但是，当页面上存在基本 href 时，无论当前目录如何，“返回顶部”始终解析为基本 href。我该如何克服呢？

【问题讨论】：

【解决方案1】：

我可以用这个 PHP 在服务器端做到这一点：

return '<a href="http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].'#top">&uarr; Back to Top</a>';

【讨论】：

【解决方案2】：

我过去用过这个，但它是 Javascript：

<script language="JavaScript" type="text/javascript"> 
<!-- 
document.write("<a href= \"" + document.location + "#top\">top</a>"); 
// --> 
</script>

【讨论】：