スクリプトとスタイルを含む HTML ファイルを (クライアント側で) 別の HTML に挿入できますか?
私が何をしたいのかが明確になるように、少し詳しく説明します...まず、これはArduinoによって提供されるため、これの全体的なポイントは、各リクエストで送信されるデータの数を最小限に抑えることです。ファイルは 2 つしかない可能性があります (リクエストごとにロードする必要がある小さなファイルが 1 つと、初回のみロードしてブラウザによってキャッシュされる大きなファイルが 1 つ)。
現在、私は次のようなものを持っています:
<!DOCTYPE html>
<html>
<head>
<style>
Many lines of CSS...
</style>
<script>
Many lines of Javascript
</script>
</head>
<body>
Many lines of HTML
</body>
<script type='text/javascript'>
$(document).ready
(
function()
{
initializeStuff("1, 2, 3, 4, 5, 6, 7, 8, 9");
}
}
</script>
</html>
基本的に、私はこの大きなページを持っていますが、各 GET 要求で変更される可能性があるのは、initializeStuff()
関数のデータだけです。その後、Tin 関数は、この新しいデータで体の多くの部分を更新します。
CSS、JavaScript 、および HTML コンテンツ用に異なるファイルを用意するのが通常の方法であることはわかっていますが、可能であれば、すべてを 1 つの大きなファイルにまとめたいと考えています。Arduino は接続に関して非常に制限されているため、これが必要でした。そのため、ブラウザーが多くの GET を並行して送信し始めると、それらのほとんどが失敗します。
だから私の質問は、ほとんどのデータをブラウザでキャッシュできる1つの大きなファイルに入れる方法があるかどうかで、このファイルがキャッシュに入った後、本当に小さくて基本的なHTMLファイルをロードするだけで済みます。関数以上のinitializeStuff()
もの(そして、大きなファイル内の他のすべてのものを参照するために必要なものは何でも)?