Question

所以我基本上想要的是我的网站：

标题将包含所有内容，我不希望它在每个页面上加载。我想只有一个标题，每次有人加载页面时，该标题会保持静态，所有其他内容都会加载。

我怎样才能实现这个目标？

Answer 1

我是php开发人员，所以我将在php上提供我的示例。例如，你可以创建header.inc.php，section.inc.php，footer.inc.php。这些文件应包含在您的网页中。您要包含所需的文件。例如：

<!DOCTYPE html>
<html>
<head>
    <title>Light Soft</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
        <?php include "header.inc.php" ?>
        <?php include "section.inc.php" ?>
        <?php include "footer.inc.php" ?>
</body>
</html>

Answer 2

您可以在master page中放置一个公共标题（也可以参考this作为示例），该标题应用于所有页面并在每页中加载。
所以基本上，代码不会重复，尽管每次都会加载内容。

如果您希望内容仅在所有页面上加载一次，那根本不可能您想要做的是创建一个单页Web应用程序，其中标题（如您所说）保留，更改的内容通过Ajax调用加载

详细了解如何构建单页网页应用和AJAX。

对于AJAX：
1.基本信息 - https://developer.mozilla.org/en/docs/AJAX
2.使用jquery - http://api.jquery.com/jQuery.ajax/

使用它

这是关于单页应用程序的一个很好的阅读 -
http://www.johnpapa.net/spa/

Answer 3

您要找的是 AJAX 。

jQuery 处理得非常好。你可以使用

jQuery.ajax()方法
或更具体的jQuery.get()
或jQuery.post()。

有很多other jQuery functions与AJAX有关，需要学习很多东西。

Answer 4

听起来你想要的基本上是单页面应用程序。有多种方法可以创建这种类型的页面，请查看 http://en.wikipedia.org/wiki/Single-page_application

您还可以做什么（虽然它不是一个非常漂亮的解决方案）是在主页面中有一个Iframe，然后捕获标题中菜单选项上的点击事件，并使用javascript设置iframe网址。 / p>

以下是一个示例，说明如何阻止对单击事件的默认操作（在您的情况下会导致整个页面导航的内容） http://api.jquery.com/event.preventDefault/

网站与静态导航

4 个答案: