0

我想弄清楚如何做一些HTML。基本上我想要的是：如果用户点击“优惠券”，页面的一部分会显示它。但只有当它被点击时。我不知道在哪里寻找这个或我想要做的事情的名称是什么。有人可以指出我正确的方向吗？我已经尝试过了，<a name="">但这会将我带到一个已经存在的地方。

4

1 回答 1

0

在大多数情况下，这需要 JavaScript。但是您仍然可以在没有脚本的情况下执行此操作，除非该部分必须始终可见。实际内容将放置在单独的 HTML 页面中（即：文件）。下面是一个简单的例子：

main.html文件：

<HTML>
<BODY>
  <A HREF="content1.html" TARGET="section">Content 1</A><BR />
  <A HREF="content2.html" TARGET="section">Content 2</A><BR />
  <A HREF="content3.html" TARGET="section">Content 3</A><BR />
  <BR />
  <IFRAME ID="section" WIDTH="800" HEIGHT="600" />
</BODY>
</HTML>

content1.html文件：

<HTML>
<BODY>
  This is content 1
</BODY>
</HTML>

content2.html文件：

<HTML>
<BODY>
  This is content 2
</BODY>
</HTML>

content3.html文件：

<HTML>
<BODY>
  This is content 3
</BODY>
</HTML>

加载页面时，上述main.html内容部分将为空白。要设置初始内容，请更改IFRAME标签，使其如下所示：

  <IFRAME SRC="content1.tml" ID="section" WIDTH="800" HEIGHT="600" />

如果您不想在页面加载时显示该部分，则必须使用 JavaScript，如以下示例：

main.html文件：

<HTML>
<BODY>
  <SCRIPT>
    function showSection() {
      document.getElementById('section').style.display='';
    }
  </SCRIPT>
  <A HREF="content1.html" TARGET="section" onclick="showSection();">Content 1</A><BR />
  <A HREF="content2.html" TARGET="section" onclick="showSection();">Content 2</A><BR />
  <A HREF="content3.html" TARGET="section" onclick="showSection();">Content 3</A><BR />
  <BR />
  <IFRAME ID="section" WIDTH="800" HEIGHT="600" style="display:none" />
</BODY>
</HTML>
于 2012-07-18T02:59:49.320 回答