Html 单击链接时，向上拉并显示该信息_Html

Html 单击链接时，向上拉并显示该信息

html

Html 单击链接时，向上拉并显示该信息,html,Html,我正试图弄明白如何做一些HTML。基本上我想要的是：如果用户点击“优惠券”，页面的一部分就会显示它。但只有当它被点击时。我不知道去哪里找这个，也不知道我要做的是什么。有人能给我指出正确的方向吗？我已经尝试了，但这让我想到了一个已经存在的地方。在大多数情况下，这需要JavaScript。但是您仍然可以在不使用脚本的情况下执行此操作，唯一的例外是该部分必须始终可见。实际内容将放在单独的HTML页面（即：文件）中。下面是一个简单的例子： main.html文件： <HTML> <BO

我正试图弄明白如何做一些HTML。基本上我想要的是：如果用户点击“优惠券”，页面的一部分就会显示它。但只有当它被点击时。我不知道去哪里找这个，也不知道我要做的是什么。有人能给我指出正确的方向吗？我已经尝试了

，但这让我想到了一个已经存在的地方。

在大多数情况下，这需要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>

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

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

<HTML>
<BODY>
  This is content 3
</BODY>
</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>

content2.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>

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

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

<HTML>
<BODY>
  This is content 3
</BODY>
</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>

加载页面时，上面的

main.html

content部分将为空。要设置初始内容，请更改

IFRAME

标记，使其如下所示：

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