これは私の前の質問へのフォローアップです。
ログインフォームとサインアップリンクを含む 1 つの Web ページがあるとします。ユーザーがリンクをクリックすると、新しいサインアップフォームが表示されます。また、モジュール性のために両方のフォームに個別HTMLの 、CSS、およびファイルを作成するとします。JavaScript
これで、Web ページには、ページがロードされたときにログインフォームをロードし、リンクをクリックしたときにサインアップJavaScriptフォームをロードするためのコードが含まれているはずです。
このアプローチは理にかなっていますか？このアプローチを実装するフレームワーク/ライブラリはありますか? どのように実装することをお勧めしますか?
考え方に問題があると思います。最初に、メイン文書に別の完全に分離されたページをロードする古い方法がいくつかあることを知っておく必要があります。タグの使用"iframe"は、そのようなことを行うための最も一般的で安全でない方法の 1 つです。ポップアップを表示して使用する"window.open"ことは、新しいウィンドウを表示して特定の URL を完全に分離してロードできる別の方法です。しかし...
言及された方法のいずれかでそれをしないように私が今提案する理由はたくさんあります. "JQuery"パフォーマンスの問題を引き起こす新しいリソースをロードする必要なく、現在のページに別の html をロードするようないくつかのライブラリを使用するだけです。を検索する必要がある"JQuery $.get"と思います。そうすれば、それがいかに簡単かがわかります。
それが役に立てば幸い。乾杯
はい、それは私には理にかなっています。アプリを小さなチャンクに分割すると、開発とメンテナンスがはるかに簡単になると思うので、このアプローチが本当に好きです。
基本的に、html のセクションにandタグをそれぞれ追加して、 ファイルcssとファイルをロードする必要があります。モジュールの一部をロードするには、他の回答で提案されているように、単にjQuery.get()メソッドを使用できます。jslinkscriptheadhtml
私はそれを実装しようとしました。私は最近、これに関する私の作品をリリースしました。小さなコードベース。実際、私のアプローチでは、各モジュールには、js、html、および css ファイルを含む独自のフォルダーがあり、オプションで、サーバーにクエリを実行するために JavaScript によって呼び出される php または aspx ファイルのようなサーバー側ファイルもあります。
こちらが Yuva という github のプロジェクト ページです。
見て、これがあなたにとって意味があるかどうか教えてください。