2017-04-26 9 views
1

iFramesを使用して外部のHTMLファイルを動的に読み込む既存のプロジェクトを変更する必要があります。ただし、htmlファイルは外部サイトではなく、同じプロジェクトの一部です。私が間違っていないと、iFramesは、実際に外部サイトを表示するために使用されていない限り、HTMLコンテンツを読み込む際のひどい方法とみなされます。外部htmlファイルを読み込むにはどうしたらいいですか?

私はWebコンポーネントを調べましたが、明らかにブラウザのサポートはまだまだ不安ですが、残念ながらIE9をサポートする必要があります。

私はJQuery load()メソッドがこれを達成できることを知っていますが、私のオンラインリサーチでは、一般的に外部HTMLをロードする適切な方法と特にiFramesを適切に置き換える方法として出てこないことがよくあります。

ここでJQueryを使用してはならない理由はありますか?これを行う方法が改善されていますか?たとえば、私は以前、別々の「部分」からインタフェースを動的に構築したフレームワークを見ましたが、どのフレームワークであるかは覚えていません。

+0

_ '私が間違っていないと、iFramesは実際に外部サイトを表示するために使用されていない限り、HTMLコンテンツを読み込む際のひどい方法とみなされます。 – j08691

+0

_ "JQueryのload()メソッドはこれを実現できますが、私のオンラインリサーチでは、一般的に外部HTMLをロードし、特にiFramesを適切に置き換える適切な方法とはしばしば出てくることはありません。あなたはそれを得ますか? – j08691

答えて

3

それはHTMLに依存して - それは完全なページのように組み込まれている場合は

- その後のiFrameが実際にまともなソリューションです - また、同じ起源を持つのiframeがしばらくの間、あなたは親からのコンテンツを完全に制御を持ってみましょう非常に便利なCSSとJS変数を保護しています。

jQuery.load()はこのトリックを行いますが、手動でofcを行うこともできますが、プロジェクトにjQueryが既にある場合は、それを使用してください。

1

load()関数は、ほとんどの場合、その関数を使用して特定の問題が発生した場合、それを共有することができますか?

+1

私はそれに特有の問題に遭遇していませんでした。この種のことを行う事実上のベストプラクティスとして、またはiFramesの代替として、それほど上手くいかなかったのです。私はページコンテンツを動的にスワップする必要があるプロジェクトに取り組んだことはありません(私はjQueryでかなり働いたことがありますが、動的な更新が非常に簡単であることを知っています)ので、プロジェクトをどのようにセットアップするかについてのベストプラクティスを使用することができます。 –

関連する問題