所以我基本上想要的是在我的网站上:
标题将包含很多东西,我不希望它加载到每个页面上。我只想有 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>
您可以在母版页中放置一个通用页眉(也可以将此作为示例),该页眉应用于所有页面并将其加载到每个页面中。
因此,基本上,代码不会重复,尽管每次都会加载内容。
如果您希望内容在所有页面上只加载一次,那根本不可能。
您想要做的是创建一个单页 Web 应用程序,其中标题(如您所称)保留,更改的内容通过 Ajax 调用加载
搜索有关如何构建单页 Web 应用程序和 AJAX 的更多信息。
对于 AJAX:
1. 基本信息 - https://developer.mozilla.org/en/docs/AJAX
2. 使用 jquery - http://api.jquery.com/jQuery.ajax/
这是关于单页应用程序的好读物 -
http://www.johnpapa.net/spa/
您正在寻找的是AJAX。
jQuery处理得很好。您可以使用
还有很多其他与 AJAX 相关的 jQuery 函数,还有很多东西需要学习。
听起来你想要的基本上是一个单页应用程序。有多种方法可以创建此类页面,请查看 http://en.wikipedia.org/wiki/Single-page_application
您还可以做的(尽管它不是一个非常漂亮的解决方案)是在您的主页中有一个 iframe,然后在标题中的菜单选项上捕获点击事件,并使用 javascript 设置 iframe url。
这是一个示例如何防止单击事件的默认操作(在您的情况下会导致整个页面导航) http://api.jquery.com/event.preventDefault/