Javascript 如何在一个页面中包含网站的多个部分
我想建立一个网站，将有多个网页，但由于一个独特的导航栏，我不能简单地链接到一个新的文件，每个页面。实现这一目标的最佳方式是什么。我能想到的一些可能性是将所有页面放在一个页面上，但使用css和javascript将其他页面移出屏幕，或者使用iFrame并用javascript加载它们。有人能告诉我一些例子或教程吗？我认为最好的选择是使用iframes 将每个iframe的src设置为要在小div中显示的页面Javascript 如何在一个页面中包含网站的多个部分,javascript,html,css,Javascript,Html,Css,我想建立一个网站，将有多个网页，但由于一个独特的导航栏，我不能简单地链接到一个新的文件，每个页面。实现这一目标的最佳方式是什么。我能想到的一些可能性是将所有页面放在一个页面上，但使用css和javascript将其他页面移出屏幕，或者使用iFrame并用javascript加载它们。有人能告诉我一些例子或教程吗？我认为最好的选择是使用iframes 将每个iframe的src设置为要在小div中显示的页面 这应该可以做到使用jQuery在从导航单击页面时加载页面。只要有一个包含分隔符（），页面就
这应该可以做到使用jQuery在从导航单击页面时加载页面。只要有一个包含分隔符（
<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>
$（文档）.ready（函数（）{
$（“iframe”）.remove（）；
$（“正文”）。追加（“”）；
$（“#导航栏a”）。单击（功能（e）{
e、 预防默认值（）；
$（“#页面_容器”）。加载（“http://www.example.com/“+this.attr（“href”）；
});
});
<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/)您使用的是服务器端编程语言还是只有静态站点？唯一的导航栏？真正地我打赌很多MVC框架或单页应用程序框架中的一个会解决你的问题。没有真正的“解决方案”。@KundanSinghChouhan：我使用javascript、html和css，但我认为这可以在没有服务器的情况下完成side@epascarello：这是什么讽刺？@epascarello:谢谢。单页应用是我一直在寻找的谷歌搜索词。所以我可以简单地将src更改为一个新的
.html