ローカル JavaScript アプリケーション (サーバー側言語なし) を作成しようとしています アプリケーションには異なるテキスト テンプレートがあります。テンプレートごとに 1 つのファイルが必要です。
しかし、私の問題は、コンテンツをテンプレートから変数に転送する方法がわからないことです。同じ起源のポリシーのストライキが再び !
試み #1:
私は同じオリジンポリシーを知っています。次のような静的リストを使用してすべてのテンプレートをロードすることにより、ダイナミズムを妥協しても問題はありません。
<script src="tpl01.js"></script>
<script src="tpl02.js"></script>
...
私が問題を抱えているのは、テンプレートの内容を変数に入れるときです。テンプレートには何千行もある可能性があり、そのようなことをしなければならないことは非常に現実的ではありません（そして、すべてをエスケープする必要があります）：
templateSource = "line 1"
+ "line2"
+ "line3"
試み #2:
また、iframe ごとに 1 つのテンプレートを読み込もうとしましたが (それを非表示にしました)、メイン ウィンドウは iframe コンテンツと通信できず、iframe コンテンツはメイン ウィンドウと通信できません:
安全でない JavaScript が、URL file:///home/dev/tpl.html のフレームから URL file:///home/dev/index.html のフレームにアクセスしようとしています。ドメイン、プロトコル、およびポートが一致する必要があります。
クリエイティブになろうとしていますが、アイデアが不足しています...
ファイルの内容を変数に入れる解決策を知っていますか?
追伸: テンプレートごとに数行のコードを追加してもかまいませんが、コンテンツ全体を変更する必要はありません。
注: アプリケーションは IE でのみ使用されます。