保持元素活着？瀏覽網站？

我不知道該怎麼問，但我希望有人能幫助我。在瀏覽網站時是否有可能讓某個元素（即：頁腳或某種類型）保留在查看器頁面中？即使用戶更改頁面（或點擊鏈接），頁腳也不會消失？保持元素活着？瀏覽網站？

我希望我的問題清楚嗎？

謝謝！

來源

2011-08-23 hellomello

這是幾年前的幻想......但比我們的搜索引擎優化專家說：「NC ... NC，NC .... NC！」（AJAX） –

nc是什麼意思？我是nb！ – hellomello

不，你沒事，我只想說，在某些情況下，如果你關注SEO，Ajax並不是最受歡迎的方法。（nc = nooo！） –

-2

我認爲你正在尋找HTML框架。互聯網上有很多資源。這裏有一個，http://www.w3schools.com/html/html_frames.asp。

來源

2011-08-23 05:03:55

-1用於提示框架，另一個用於指向w3schools。框架是iirc棄用。 –

Heheheheheh Rikudo！ +100給你;） –

我認爲足夠公平。 –

可以實現的方式是當有人點擊您網站上的鏈接時，通過AJAX/jQuery加載所有內容。

有些事情，你要找的是如下：

<HTML> 
    <HEAD> 
    <SCRIPT src="jquery.js"></SCRIPT> 

    <SCRIPT> 
    function getPage(page) 
    { 
    $("#mainContent").load(page); 
    } 
    </SCRIPT> 
    </HEAD> 
    <BODY> 
    <DIV> 
    <a href="Javascript:getPage('aboutus.html')">About Us</a> 
    <a href="Javascript:getPage('contactus.html')">Contact Us</a> 
    </DIV> 

    <DIV id="mainContent"> 
    Here is the default/home page information 
    </DIV> 
    </BODY> 
    </HTML>

的鏈接頁面只需要具備核心的信息在其中，並會自動給出從着陸頁中的任何CSS信息。但是，您將擁有菜單，並且在頁面上mainContent div標記之外的任何內容都是靜態的。

來源

2011-08-23 05:16:24 ChrisK

您可以使用iframe來顯示您的網站，並讓頁腳保留在實際文件中。這雖然有它的缺點，所以我不推薦它。

你也可以使用AJAX來加載你的頁面，這是一個更合理的方法。

來源

2011-08-23 05:18:48

正如喬所說，框架是一種選擇，但他們在這些天皺起了眉頭。

另一種選擇是使用AJAX。這比框架更復雜，但會帶來更好的體驗。基本上，你要做的是初始頁面加載，這也會加載一些JavaScript。 JavaScript將被附加到任何鏈接。當點擊鏈接時，JavaScript不會像正常鏈接那樣轉到新頁面並刷新整個頁面，而是會將新頁面加載到當前頁面中。將被加載的其他頁面將只是一個部分HTML頁面，即不包括html，頭部，主體標籤和菜單等，而只是包含內容。

下面是使用jQuery做一些基本的JavaScript：

// attach a click handler to any nav links 
$('nav a').click(function(event) { 
    event.preventDefault(); 

    $('#content').load($(this).attr('href')); 
});

另一種選擇是加載在隱藏層的其他頁面中的所有內容。如果您有很多內容，這可能會導致非常大的初始負載。在這種情況下，你會在你的HTML中有這樣的東西：

<style> 
    .content { display:none; } 
</style> 
<nav> 
    <a href="home">home</a> 
    <a href="contact">contact</a> 
</nav> 
<div class="content content_home" style="display:inherit;">...</div> 
<div class="content content_contact">...</div> 

// attach a click handler to any nav links 
$('nav a').click(function(event) { 
    event.preventDefault(); 

    $('.content').hide().filter('.content_' + $(this).attr('href')); 
});

希望這會有所幫助。

來源

2011-08-23 05:18:54

要做到這一點，唯一的方法是使用ajax加載頁面。所以你會有一個大的div來包含它裏面的一切，除了頁腳。然後，當有人點擊你的大div內的鏈接時，它會抓住鏈接頁面，並用新頁面刷新大div。其他答案更詳細，這只是一個非常簡單的解釋。我會開始研究Ajax。

來源

2011-08-23 06:25:44

保持元素活着？瀏覽網站？

回答

相關問題