1

多くの部分が動的ウィジェットであるページを実装する必要があります。どのウィジェットがロードされるかはユーザーの選択に依存し、事前にはわかりません。これらの各ウィジェットには、いくつかの HTML と、いくつかの JavaScript コード (HTML 要素のイベント ハンドラーを初期化してアタッチするため) が含まれています。そのようなページとウィジェットを実装するための最良の方法は何だろうと思っています。

  1. AJAX。HTML の後に<script>タグを付けて応答を作成できます。AJAX で js コードを返すことはお勧めしませんが、これでうまくいくことがわかりました (スクリプトが実行され、HTML ウィジェットが適切に初期化され、ハンドラーがアタッチされます)。別の方法として、コンテナ ページに「all-included」スクリプトを含めることもできます。このスクリプトでは、各ウィジェット固有のスクリプトを関数でラップし、ウィジェットが動的に読み込まれるときにその関数を呼び出します。ただし、この方法では、使用されない可能性のある多くの js コードをフェッチします。
  2. iframe。iframe に読み込まれるスタンドアロンの HTML ページとしてウィジェットを返すこともできます。これで JavaScript の問題は解決しますが、コンテナ ページの他の部分と対話するにはクロスドメイン呼び出しを行う必要があります。

これは、Web 開発者が直面する一般的な問題だと思います。私は Web 開発に不慣れです。私の場合の「ベスト プラクティス」のヒントを教えていただけますか?

4

1 に答える 1

1

jquery+ajax を使用する必要があります。iframe には多くの欠点があります。各プラグインを個別のページで処理し、あらゆる種類の競合を回避できますが、使いやすさは大きな頭痛の種になります..

モバイル プラットフォームをサポートするためにすべてが HTML5 ベースに移行している現在、iframe をモバイル画面用にカスタマイズするのは困難です。さらに、iframe は Apple デバイスでサポートされていないため、iframe は Apple ユーザー全体を排除します。

jQuery + Ajax(HTML5) と CSS3 が進むべき道です。

于 2013-07-19T05:00:53.083 に答える