单击超链接时如何在iframe中调用页面?

时间:2010-11-27 18:46:56

标签: html

我有一个左窗格,其中有5个项目作为超链接。当我点击超链接时,我想在右侧显示相应的项目描述。 我正在使用html开发网站。 默认情况下会有一些描述。当我点击item1时,我想显示item1的详细信息并点击item2我想显示item2的详细信息。

怎么办呢?我可以在iframe中显示页面吗?什么是最佳做法?

2 个答案:

答案 0 :(得分:1)

如果你想使用IFrame,那么你可以这样做,只需将超链接的目标设置为iFrame的名称。

然而,iFrame被认为是不好的做法。更好的是使用JQuery并使用load命令。

例如,如果您的右侧窗格的ID为right-pane

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

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

答案 1 :(得分:0)

您使用target属性。 :)

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