だから私が基本的に欲しいのは私のウェブサイトでこれです:
ヘッダーには多くのものが含まれ、各ページにロードしたくありません。ヘッダーを 1 つだけにしたいのですが、誰かがページをロードするたびに、そのヘッダーは静的なままになり、他のすべてのコンテンツがロードされます。
どうすればこれを達成できますか?
私は php 開発者なので、私の例を php で提供します。たとえば、header.inc.php、section.inc.php、footer.inc.php を作成できます。これらのファイルは、Web ページに含める必要があります。必要なファイルを含めています。例えば:
<!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/
基本的に単一ページのアプリケーションが必要なようです。このタイプのページを作成するにはさまざまな方法があります 。http://en.wikipedia.org/wiki/Single-page_applicationをご覧ください。
あなたができることは(あまりきれいな解決策ではありませんが)、メインページに iframe を配置し、ヘッダーのメニューオプションでクリックイベントをキャプチャし、javascript を使用して iframe URL を設定することです。
これは、クリックイベントでデフォルトのアクションを防止する方法の例です(あなたの場合、ページ全体がナビゲートする原因となります) http://api.jquery.com/event.preventDefault/
あなたが探しているのはAJAXです。
jQueryはそれをうまく処理します。使用できます
AJAX に関連するjQuery 関数は他にもたくさんあり、学ぶべきことがたくさんあります。