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 に答える