-1

複数のページを持つ Web サイトを作成したいのですが、独自のナビゲーション バーがあるため、各ページの新しいファイルに単純にリンクすることはできません。これを達成するための最良の方法は何ですか。私が考えることができるいくつかの可能性は、それらすべてを1つのページに配置しますが、cssとjavascriptを使用して他のページを画面外に移動するか、iframeを使用してそれらをjavascriptでロードすることです. 誰かが私にいくつかの例やチュートリアルを教えてもらえますか?

4

2 に答える 2

1

jQuery を使用して、ナビゲーションからクリックされたときにページをロードします。<div>ページが読み込まれる仕切り ( ) を含めるだけです。

これにより、リロードせずにページが読み込まれます。

IFF (タイプミスではなく、「If and Only If」を意味します) Javascript が有効になっていないブラウザーのサポートが必要な場合は、iFrame を使用しますが、iFrame を使用することは非常に悪い習慣であるため、JavaScript でブラウザーから削除します。

<script>
$(document).ready(function(){
 $("iframe").remove();
 $("body").append("<div id='page_container'></div>");
 $("#navigation_bar a").click(function(e){
  e.preventDefault();
  $("#page_container").load("http://www.example.com/"+this.attr("href"));
 });
});
</script>

HTML は次のようになります。

<body>
 <nav>
  <a href="link1.html" target="frame">Link1</a>
  <a href="link2.html" target="frame">Link2</a>
 </nav>
 <iframe src="link1.html" name="frame"></iframe>
</body>

テストされていませんが、コンセプトは機能するはずです (http://jsfiddle.net/Ns2Gx/)

于 2012-11-25T05:40:47.617 に答える
1

あなたの最良の選択肢はiframeを使用することだと思います。

小さな div に表示するページとして、各 iframe の src を設定します。

これでできるはず

于 2012-11-25T04:56:20.543 に答える