ハイパーリンクをクリックするとiframeでページを呼び出す方法は？

Question

私はハイパーリンクとして5つの項目を持つ左ペインを持っています。ハイパーリンクをクリックすると、右側に対応するアイテムの説明が表示されます。 私はhtmlを使ってウェブサイトを開発しています。 デフォルトでは何らかの説明があります。 item1をクリックすると、item1の詳細を表示し、item2をクリックしてitem2の詳細を表示したいと考えています。

どうすればいいですか？ iframeなどでページを表示できますか？ベストプラクティスは何ですか？

Answer 1

あなたはiFrameを使用したい場合は、あなたがそうすることができる、とだけのiFrameの名前であることを、ハイパーリンクのターゲットを設定します。

ただし、iFramesは悪い習慣とみなされます。より良い方法は、JQueryを使用してloadコマンドを使用することです。例えば

、右手ペインがright-paneのIDを持っている場合：

<a href="showItem('item1-details.html')">item 1</a> 

function showItem(url) { 
    $('#right-pane').load(url); 
} 

Answer 2

target属性を使用します。 :)

http://www.w3schools.com/HTML/html_frames.asp