-3

これは一部の人にとっては非常に簡単だと思います。異なるページ間でコードを繰り返さないようにするために、すべての要素を書き出すことなく、html コードのチャンクを追加できるようにしたいと考えています。関数のページ コントローラーのようなものです。

4

2 に答える 2

0

Javascript はこれには理想的ではありません。なぜなら、Javascript はますます普及しつつありますが、すべてのブラウザがサポートしているわけではないからです。サーバー側のコードをクライアント側のコードから分離しておくことは、常に良い習慣です。ただし、この 2 つを組み合わせるのを避ける方法がまったくない場合を除きます (jQuery や類似のライブラリの台頭によりますます頻繁に発生します)。

PHP インクルードは、PHP の知識をあまり必要とせず、.phpそれらを使用する場合、すべてのファイルの名前を に変更する必要はありません。すべてのファイルを PHP として処理するようにサーバー ( .htaccessApache のファイル) を構成できます。.html実際、サイトがローンチされた後に個々のエンドポイントの名前を変更することは、一般的には良い考えではありません。これは、あなたにリンクしているページのバックリンクが壊れる可能性があり、永続的なリダイレクトを指定しない限り、検索エンジンは名前が変更されたページを新しいページとして扱うためです。古いエンドポイントの場所。PHP インクルードではなく、サーバー サイド インクルードを使用するようにサーバーを構成することもできます。

以上のことから、これに Javascript を絶対に使用したい場合は、次のようにすることができます。

<script src='includeFile.js'></script>

すべての HTML ファイルで

次にincludeFile.js：

document.write('
  <header>
    HEADER //Example header text
    //Additional header text
  </header>
');
于 2015-02-26T16:21:10.197 に答える
0

HTML1

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>

<!-- javascript/jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<div class="repeat-div"></div>
</head>
<body>
<script type="text/javascript" src="repeat.js"></script>
</body>
</html>

HTML2

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>

<!-- javascript/jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<h1 class="repeat-div"></h1>
</head>
<body>
<script type="text/javascript" src="repeat.js"></script>
</body>
</html>

JS (repeat.js)

$(document).ready(function(){
    $('.repeat-div').html("Hello");
});
于 2015-02-26T15:53:14.740 に答える