html5_html/css_WEB-ITnose のフレームセットの代替

パッド版のWebアプリケーションを作りたいので、ページフレームの実装にフレームを使用しないようにする必要があります。HTML5の説明によれば、div+cssを使用して実装できますが、問題はそれをどのように解決するかです。部分リフレッシュ（特定のフレームをリフレッシュ）? div+css を使用する場合、イベントがトリガーされるたびにページのコンテンツを更新する必要がある場合、ページ全体が更新されます...これは絶対に不可能です。 ！ ！

アドバイスをお願いします~~~~~~~~~

ディスカッションに返信(解決策)

内容を変更するにはinnerHTMLを使用するだけです。

<div id="d">abcd</div><script>function click_me(){   document.getElementById('d').innerHTML='new text';}</script><button onclick="click_me()">click</button>

コンテンツを変更するには innerHTML を使用するだけです。

HTML コード

abcd

<script> <br> document.getElementById('d').innerHTML='新しいテキスト'; } <br> </script>
click

……

これは、1 つまたは 2 つの属性を変更するようなものではありません。ページ全体を 1 つのセクションにまとめます

jquery の

$("#divID").load("xx.htm") ページで十分です

jq の load メソッドを使用します

http://api.jquery.com/load/

これは 1 つや 2 つの属性を変更するという問題ではありません。インターフェイスは、特定のセクションのページ全体を切り替えるような感じです

jquery のロード方法が何であっても、現象を通して本質を見てください。
この場合、 innerHTML を使用します 内部要素の置換を行います。

要素はいくつでも innerHTML に置き換えることができます。


jquery の

$("#divID").load("xx.htm") ページで十分です

マスターアクティビティ、見てください

えー、2012 年の古い投稿です〜

2 つのプロセス:
1. 取得サーバーからの文書フラグメントまたはデータ (文書フラグメントまたはデータは、json、xml などのデータ形式になります)。 XmlHTTPRequest オブジェクトを使用して ajax モードで取得することも、jquery などのフレームワークを通じて簡潔な方法で取得することも、webSocket を通じて取得することもできます。
2. サーバーから取得したドキュメントのフラグメントを、合意されたデータ形式に従って DOM フラグメントに解析し、ページ上のノードに追加します。ブラウザ環境には JSON オブジェクトと XML オブジェクトがあり、その API には解析できる parse() メソッドがあります。ただし、冗長なノードが多数あるため、正規表現を使用して解析できます。これには正規表現が必要です。うまく書く必要がありますが、この種の質問をするのに熟練していないと思います。その後、解析プロセスを完了するための関連する JS フレームワークを見つけることができます。これらのフレームワークはあまり宣伝しません。
3. DOM フラグメントのこの部分をイベントにバインドする必要がある場合は、再度バインドする必要があります。ステップ 2 が追加ではなく「置換」の場合、イベントはまだ存在するため、イベントを再度バインドする必要はありません。