在JavaScript中的「頁面頂部」鏈接

在網頁中使用php，並與錨定在頂端掙扎，所以我使用一行JavaScript來完成我想要的內容。該代碼是：在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'; ?>

這樣可以節省打字，讓我做一個編輯的菜單，而不是編輯，我想每一頁每次我想要更改它時，都會顯示該菜單。

來源

2014-02-28 Elem-Teach-w-Bach-n-Math-Ed

呃，只是'TOP'會做到這一點，這看起來真的太不可思議了！ – adeneo

謝謝@adeneo。直到我意識到我使用.php構建頁面的方式之前，我一直在使用這些，所有鏈接都回到主頁的頂部，因此我需要一種解決方法。我的菜單本身包含「鏈接到頂部」代碼，它是複製到每個頁面上的一個小型.php文件的一部分 - 必須是他們都鏈接到主頁頂部的原因。 –

試試這個：

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

來源

2014-02-28 07:36:25 smnbbrv

哇！在一分鐘內解決！我覺得很愚蠢。非常感謝@simon！正是我需要的！ –

歡迎您:) – smnbbrv

嘗試一些動畫效果 -

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; 
    }); 
});

來源

2014-02-28 09:25:56 WebDevRon

哇，這看起來很酷。我太瞭解如何全面實施壽命的新手了。這似乎是目前不適用於我的網站的內容。在我的.php構建站點中使用 Back To Top 將我鏈接回我的主頁的頂部，而不是當前頁面，因此需要JavaScript來抓取當前頁面。如果我要將該行切換爲它還能工作嗎？ –

對不起，@ WebDevRon，應該已經在代碼中' –

Back To Top將始終適用於每一頁。只需在每個頁面的正文中添加一個名爲「top」的ID，例如- – WebDevRon

在JavaScript中的「頁面頂部」鏈接

回答

相關問題