Question

在网页中使用php并努力锚定到顶部，所以我使用一行javascript来完成我想要的。代码是：

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

唯一的问题是，我想拿代码并添加：

class="bmenu"

行到它所以它的格式与其他链接（颜色，字体等）相同。我对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'; ?>

这样可以节省输入内容，让我可以对菜单进行一次编辑，而不是每次想要更改时都编辑我想要该菜单的每个页面。

Answer 1

试试这个：

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

Answer 2

尝试一些动画效果 -

的 HTML 的

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

的的jQuery 的

$('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; }); });

javascript中的“页面顶部”链接

2 个答案: