javascript中的“页面顶部”链接_Javascript_Php_Css

javascript中的“页面顶部”链接

javascript php css

javascript中的“页面顶部”链接,javascript,php,css,Javascript,Php,Css,在网页中使用php并努力将其定位到顶部，所以我使用一行javascript来实现我想要的。代码是： <script language="JavaScript" type="text/javascript">  </script> 行，使其格式与其他链接的颜色

在网页中使用php并努力将其定位到顶部，所以我使用一行javascript来实现我想要的。代码是：

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

行，使其格式与其他链接的颜色、字体等相同。。我对javascript一无所知，所以这可能是一件简单的事情，但对于那些需要链接到页面顶部但对使用哪种方法有限制的人来说，这将是一个非常有用的解决方法

提前谢谢

对于那些好奇的人来说，代码是这样的

我有一个名为bmenu.php的.php文件，其中包含一个添加到每个页面的底部菜单。它包含

|&emsp;
<a href="index.php" class="bmenu">Home</a>
&emsp;|&emsp;
<a href="about_us.php" class="bmenu">About Us</a>
&emsp;|&emsp;
<a href="find_us.php" class="bmenu">Find Us</a>
&emsp;|&emsp;
<a href="contact_us.php" class="bmenu">Contact Us</a>
&emsp;|&emsp;
<script language="JavaScript" type="text/javascript">
<!--
document.write("<a class=\"bmenu\" href= \"" + document.location + "#top\" >Top of Page</a>");
// -->
</script>
&emsp;|

然后在我想要的每个文件中，我添加了这个菜单

<?php include 'PHP/bmenu.php'; ?>

这样可以节省键入的时间，并使我能够对菜单进行一次编辑，而不是每次要更改菜单时都要编辑该菜单的每一页。

请尝试以下操作：

document.write("<a class=\"bmenu\" href= \"" + document.location + "#top\" >Top of Page</a>");

尝试一些动画效果-

HTML

呃，就这么做吧，这看起来真的很不稳定！谢谢@adeneo。这就是我一直在使用的方法，直到我意识到我使用.php构建页面的方式，所有的页面都链接回主页的顶部，因此我需要一个变通方法。我的菜单本身包含指向顶部代码的链接，它是复制到每个页面上的一个小.php文件的一部分——我想这就是为什么它们都链接到主页顶部。哇！不到一分钟就解决了！我觉得自己相当愚蠢。非常感谢@simon！正是我需要的！哇，这看起来很酷。我是个新手，不知道如何完全实现tho。这似乎是我的网站目前无法使用的东西。在my.php构建的站点中使用将我链接回主页顶部而不是当前页面，这就需要JavaScript来获取当前页面。如果我换了那行代码，它还能用吗？对不起，@WebDevRon，应该是在代码中的，它在每一页上都能用。只需在每个页面的主体中添加一个名为top的ID，比如-然后我的页面就真的出了问题，因为每个页面都有一个top ID，但是每个页面到top的链接都链接回了主页的顶部。我的想法是，我的top链接位于一个非常小的.php文件中，该文件只包含一个添加到每个页面的底部菜单。如果不显示代码，则很难解决问题。因为我的代码中没有错误。

document.write("<a class=\"bmenu\" href= \"" + document.location + "#top\" >Top of Page</a>");

<!DOCTYPE html>
  <html lang="en">
<head>
  <title>Title</title>
</head>
<body id="top">
      .........
      .........
      <a href="#top">Back To Top</a>
</body>

$('a[href^="#"]').on('click',function (e) {
    e.preventDefault();
    var target = this.hash,
    $target = $(target);
    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
        window.location.hash = target;
    });
});