単純な HTML ファイルを 2 番目の HTML ファイル (AJAX を使用してロードされ、javascript で処理される) のブートストラップとして機能させたいと考えています。これは最初のファイルを完全に置き換えます。
ブートストラップ.htm
- AJAXを使用してcontent.htmをロードします(このジョブにはjQueryが適しています)
- JavaScript を使用してコンテンツを変更します (さまざまなカスタム フィルター/変更が必要です)
- 新しく変更されたコンテンツに置き換えます
doctype を置き換えるのは難しいかもしれないので、100% 可能ではないかもしれないと思いますが、すべての body コンテンツとすべての head コンテンツ (おそらく HTML のすべてのコンテンツ?) を置き換えることはそれほど難しくないと思います。
これについてのアドバイスはありますか?
編集:私は本当にやりたいことを直接やろうとしました...
$.get("content.htm", function(d) {
console.log(d);
return $(document).html(d);
しかし、これは機能せず、空のドキュメントが残ります });
編集:これまでの最良の解決策(まだ概念的)
bootstrap.htm
ロードし、1 つのグローバル変数のみを作成するように非常に注意します (たとえばbs
)bootstrap.htm
次に、ファイルをロードし、content.htm
さらに処理しますbootstrap.htm
html
タグのコンテンツを処理済みcontent.htm
のhtml
タグのコンテンツに置き換えますbootstrap.htm
次に、新しいコンテンツを検索し、既に実行されたコードを実行しないように注意しながら、インライン JavaScript を実行します。bootstrap.htm
そのグローバル変数を削除します (ただし、インポートされたコードのほとんどが既に実行されているため、この段階ではほとんど意味がありません)
これでも DOCTYPE を変更することはできず、インポートされたコードの実行は少し信頼できないように見えますが、これは私が今のところ持っている最良のアイデアです。