私は.html
というファイルをいくつか持っており、それらのファイルにはすべて同じヘッダーが必要です。今のところ、私はHTMLの輸入を使用してChromeでこれを行うことができます。ヘッドのシミュレーションHTMLインポート
<!-- CommonHead.html -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
そして、私は他のhtmlページの束を持っている:
私のようないくつかのJSとCSSファイルを持っているCommonHead.html
と呼ばれる1ページを持っています私はこれをヘッダに入れます:
<head>
<link rel="import" href="CommonHead.html">
</head>
これは完全に機能しています。しかし、Firefoxはこれをサポートしていないので、JavaScriptを使って同じことをする方法が欲しい。私は.load
を試しました。.ge
を使って、ヘッダーに何かを追加する変数には何もありません。信頼性の高いものは何もありません。
javascript/jqueryを使用してこれを行う適切な方法は何ですか? HTMLの輸入に
私が最も確実な方法は、サーバー上でプロジェクトを設定し、サーバー・サイドの言語を使用することだと思いますあなたのファイルをインポートする。しかし、私は他の人が何を思いつくのか興味がある。 –
@QuangdaoNguyen私は同意します。もちろん過去には、私はphpインクルード、webformsのマスターページ、MVCのレイアウトなどを行ってきました。しかし、私はサーバサイドのコードを必要としないはずのシンプルなプロジェクトに取り組んでいますが、同じヘッダをどこでも;) – Gaspa79
ビルドプロセス、SSI(サーバー側を含む)、PHP、Ajaxリクエスト、DOM操作などの簡単なインクルード...オプションは多数 – Kris