如何在一個頁面中有一個網站的多個部分

-1

我想要一個網站，將有多個頁面，但由於獨特的導航欄，我不能簡單地鏈接到每個頁面的新文件。什麼是完成這個最好的方法。我能想到的一些可能性是將所有這些內容放在一個頁面上，但是使用css和javascript將其他頁面移出屏幕，或使用iframe並使用javascript加載它們。有人可以請我指導一些例子或教程嗎？如何在一個頁面中有一個網站的多個部分

來源

2012-11-25 Stas Jaro

是否使用任何服務器端編程laguage工作或做你只有靜態網站？ –

獨特的導航欄？真？我敢打賭，許多MVC框架或單頁應用程序框架中的一個將解決您的問題。這沒有真正的「解決方案」。 – epascarello

@KundanSinghChouhan：我使用的是javascript，html和css，但我認爲這可以在服務器端完成 –

使用jQuery，因爲它們是從導航點擊加載了頁面。只需要一個包含分頁器（<div>）的頁面將加載到。

這將加載沒有重新加載的頁面。如果您希望支持未啓用Javascript的瀏覽器，請使用iFrame，但在您的javascript中將其從瀏覽器中移除，因爲使用iFrames的做法很不好。

<script> 
$(document).ready(function(){ 
$("iframe").remove(); 
$("body").append("<div id='page_container'></div>"); 
$("#navigation_bar a").click(function(e){ 
    e.preventDefault(); 
    $("#page_container").load("http://www.example.com/"+this.attr("href")); 
}); 
}); 
</script>

HTML看起來像：

<body> 
<nav> 
    <a href="link1.html" target="frame">Link1</a> 
    <a href="link2.html" target="frame">Link2</a> 
</nav> 
<iframe src="link1.html" name="frame"></iframe> 
</body>

沒有測試，但觀應（http://jsfiddle.net/Ns2Gx/）

來源

2012-11-25 05:40:47

我認爲你最好的選擇是使用iframe。

將每個iframe的src設置爲要在小格中顯示的頁面。

這應該這樣做

來源

2012-11-25 04:56:20

因此，我可以簡單地將src更改爲新的'.html'。另外，將更改src刪除以前的iframe使用的資源？ –

是的，除非您在父窗口中保留對它們的引用。 – Igor

如何在一個頁面中有一個網站的多個部分

回答

相關問題