1

Web サイトを作成している場合、新しいページをナビゲーション バーに配置し、すべてのページから見られるようにする最速の方法は何ですか? 新しいページが作成されるたびに、ナビゲーション バーが更新され、新しいコードをコピーして、サイト内のすべてのページのコードに貼り付ける必要があります (と思います)。まだ問題はありませんが、後で問題が発生しないように、この問題が解決されるまで続行したくありません。ナビゲーション バーのコードを別の HTML ファイルに配置し、ページをリンクしてすべての同期を維持する方法はありますか? わかりにくくて申し訳ありませんが、助けてください。どうもありがとう、私は HTML と CSS にかなり慣れていませんが、これを最適化するために必要なことは何でも喜んで学びます。

更新： PHPコマンドを使用してこれが機能するようになりました：

<?php include 'PHP/nav_bar_code.php'; ?>

4

2 に答える 2

2

基本的な AJAX または XMLHTTPRequest 呼び出しは次のとおりです (ライブラリに頼ることはありません)。

<script>
function loadNavigation() {
  var xmlhttp;
  if( window.XMLHttpRequest ) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {// code for IE6, IE5
    xmlhttp=new ActiveXObject( "Microsoft.XMLHTTP" );
  }
  xmlhttp.onreadystatechange=function() {
    if( xmlhttp.readyState==4 && xmlhttp.status==200 ) {
      //--- change this to your navigation element
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
  //--- change the filename to the navigation file
  xmlhttp.open("GET","ajax_info.txt",true);
  xmlhttp.send();
}
</script>

ファイル名を指定するときは、上記がフラット ファイル システムで機能することに注意してください。複数レベルのファイル構造を使用している場合は、ナビゲーション ファイルへの完全な URL パスを指定する必要がある場合があります。

于 2013-07-31T13:19:00.847 に答える
1

これを実現するには、いくつかの方法があります。簡単な方法は、CMS を使用してサイトを作成することです。WordPress、Joomla、Drupal、Ploneなどのようなもの...他のアプローチは、コメントに記載されているようにAJAXを使用することです。jQuery は、このための簡単な方法を提供します。各ページの先頭に div を作成し、.load() メソッドを使用してヘッダー ページをロードするだけです。おそらく ajax を使用してページをフレームワークにロードする方が良いでしょう。ここでメイン ページをレイアウトし、コンテンツ コンテナーを設定します。後続の各ページはそのコンテナーに読み込まれます...

もう 1 つの方法は、php ファイルとincludeコマンドを使用してヘッダー ページをインクルードすることです。詳細はこちらをご覧ください。

AJAX に興味があるなら、この本は素晴らしいです - http://www.apress.com/9781590596678

于 2013-07-31T08:26:09.873 に答える