HTML网站,其中包含要在同一页面中打开的其他网站的链接

时间:2015-06-03 10:20:08

标签: html

我想创建一个纯HTML网站。本网站的所有页面都包含具有相同内容的左侧菜单。此菜单将包含指向不同站点的其他页面的链接。我希望这个链接在同一页面的右侧打开,即主页面就像概念一样。我不想使用除html之外的任何其他语言。

来自评论

例如 即可。假设有main.html,即您的主页面有两个iframe,一个是左侧菜单面板,其源页面为iframe_source.html。此iframe_source.html页面包含指向google.com或w3schools.com等网站的链接。在main.html的右侧,我们有第二个框架或iframe,即容器框架。现在我希望当用户点击google或w3schools网站的链接时,应该在这个右侧容器框架中打开这些网站。

有人可以指导我吗?

1 个答案:

答案 0 :(得分:0)

src属性指定URL页面的iframe(网址)。

iframe可用作链接的目标框架。链接的target属性必须引用name的{​​{1}}属性。

Plunkr

style.css:

iframe

index.html:

.box{
    width:50%;
    float:left; 
}

<强> menu.html:

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

   <body>

<div class="box">
<iframe src="menu.html" name="iframe_a" frameborder="1" scrolling="no" width="100%" height="512" >
  <p>Your browser does not support iframes.</p>
</iframe>
</div>
<div class="box">
<iframe name="iframe_b" frameborder="1" scrolling="no" width="100%" height="512">
  <p>Your browser does not support iframes.</p>
</iframe>
</div>
</body>

</html>