0

これは私が使用しているコードです:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org        /TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu</title>
<link rel="stylesheet" type="text/css" href="css/estilo.css">

</head>

<body>
<script src="script/jquery.js"></script>
<script>
$( document ).ready(function() {



$("#a").click(function(){
   $("#content").load('index.html');
});


});
</script>
<nav>
  <ul>
    <li id="a">
     <a href="">Primero</a>
 </li>
 <li>
    <a href="">Segundo</a>   
 </li>
 <li>
    <a href="">Tercero</a>
 </li>
  </ul>
</nav>
<div id="content">

</div>
</body>
</html>

このhtmlページをdivの「コンテンツ」にロードしようとしました:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu</title>
</head>

<body>
<nav>
<embed src="">

 </embed>
</nav>

INDEX
</body>
</html>

ただし、読み込みは 1 秒未満です。何故ですか？私はそれが数分の1秒以上続くべきだと思った。ロード後も安定していることを願っています。

私の目的は、この手法を使用して、メニューとタイトル、フッター、およびいつでも Web サイト全体に表示する必要がある基本情報を含む参照ページを使用して、Web サイト内に HTML ページをロードすることです。このように、ウェブサイト全体のフッターまたはタイトルのテキストを変更する必要がある場合、ウェブサイトのすべてのページのすべてのコードを変更するのではなく、この主要な HTML にアクセスするだけで済みます。退屈で不快な作業。

この取り組みはすべて、Apache を使用せずにサーバーで Web サイトを実行するための準備が整っています。

4

1 に答える 1