是否可以使用iframe而不链接另一页

Question

这是经典的iframe代码。我想要的是当你点击不同的链接时显示不同的东西。

我想在不同链接的页面上在wordpress中显示不同的画廊。我不想代码不同的HTML的为他们每个人

<iframe id="myIframe" src="about:blank" height="200" width="500"></iframe> 
<br /> 
<a href="http://www.blogger.com" target="myIframe">Blogger</a><br /> 
<a href="http://www.cnn.com" target="myIframe">CNN</a><br /> 
<a href="http://www.google.com" target="myIframe">Google</a><br /> 

Answer 1

的是什么，你正在试图做的是显示和隐藏一个链接，当点击该页面的特定部分。你不需要为此使用iframe。我想你最好使用隐藏的div，或者甚至可以使用ajax来加载不同的画廊。我会告诉你隐藏的div的方法：

<div id="gallery1" class="gallery"> 
    A whole lot of html that makes up the 1st gallery 
</div> 
<div id="gallery2" class="gallery" style="display:none"> 
    A whole lot of html that makes up the 2nd gallery 
</div> 
<div id="gallery3" class="gallery" style="display:none"> 
    A whole lot of html that makes up the 3nd gallery 
</div> 

<a href="JavaScript:void(0)" data-gallery="gallery1">Show gallery 1</a> 
<a href="JavaScript:void(0)" data-gallery="gallery2">Show gallery 2</a> 
<a href="JavaScript:void(0)" data-gallery="gallery3">Show gallery 3</a> 

​ 
$('a').click(function() { 
    $('.gallery').hide(); 
    $('#' + $(this).data('gallery')).show(); 
}); 

这里有一个js小提琴：http://jsfiddle.net/nV5vy/