iframesetを使用して、静的ページレイアウトのメニューバー整流

    最初のプロジェクト材料静的なページが別のページ別の独立した機能ですが、同じページレイアウトルールで最初のページ(ヘッドロゴバナー領域はシステム名を示し、ページ領域は、テーマの右側部分に、左のメニューを表示する別のメニューに対応するコンテンツを表示します)メニューをクリックすると、別のページのコンテンツへのリンクは、新しいウィンドウを開くヘッド、メニュー、テーマを再表示に対応している。しかし、システムの固定メニューバーのための本当の必要性は、ページ領域の主題の一部のみを交換する時にメニューをクリックしてください。

   ページを変換するために始めた、2つのアイデアがあります。

    まず、イベントページのjs制御ページ内容の変更を通じて<a href="javascript:$(#xxx).load('/views/xxx/xx.html');">

    第二に、ここで使用iframesetラベルは、経験としてiframeset使用しているとき曲がりくねった出会いを共有することができます。

メニューバーのHTMLコードのような:

<UL>
<LI ID = "index1の">
<a id="index_a1" href="/one/two/three.html" target="mainframe">
<スパン>选项一<BR>
<B>オプション1 < / B>
</スパン>
</a>の
</ LI>
<LI ID = "INDEX2">
の<a href="" lay-href="/" target="mainframe">
<スパン>选项二<BR>
<B>オプションotwo </ B>
</ span>を
</a>の
</ LI>
<LIのID = "index3">
は、<a href = "/コンテンツ/ビュー/ gxxx / gxxx.html"ターゲット= "メインフレーム" >
<span>のXXX <BR>
<B> XXX </ B>
</ span>を
こちら</a>
ます。</ li>
</ ulの>

  メニューをクリックすると、タグにtarget属性を指定することにより、ページウィンドウの計画身体へのリンク!

<IFRAME ID = "myiframe" NAME = "メインフレーム" スクロール= "NO" FRAMEBORDER = "0"、高さ= "オート" 幅= "100%" ボーダー= "0"> </ iframe>の

  ここでは、おそらくその特定のスタイル変更にとして調整されている問題を考え、監督本体部分の標的領域でのiframeタグのname属性です。

おすすめ

転載: www.cnblogs.com/luoning/p/11106489.html