iframe を使用せずに html を入れ子にした div

先日、宿題でiframeを使わないでページをネストする必要があったので、jqueryの方法で、divでネストしてみました。

この程度のコードであれば、#buttonはボタンID、contentはhtmlを挿入したいdivを指定します。
また、$("#button").click(function() {}; はページ読み込み前なので、ページ読み込み後では目的の div が見つからないので $(document).ready(function() {} を追加してください。
もう一つのポイントは、多くの人がjqueryを参照することを忘れてしまうので、 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script& gt を追加しなければならないことである。