-2

5つのボタンのいずれかをクリックすると、メニューなどを変更せずにページの本文が変更されるメニューを作成しようとしています.ページの再読み込みの作業をまだ開始していません.この部分!

index.html から

<div id="quickstats">
    <p>
        <a href="#" onclick="quickStats(0);"><img src="./images/qstata.png" /></a>
        <a href="#" onclick="quickStats(1);"><img src="./images/qstatb.png" /></a>
        <a href="#" onclick="quickStats(2);"><img src="./images/qstatc.png" /></a>
        <a href="#" onclick="quickStats(3);"><img src="./images/qstatd.png" /></a>
        <a href="#" onclick="quickStats(4);"><img src="./images/qstate.png" /></a>
    </p>
</div>

java.js から

quickStats(x)
{
    var print;
    switch (x)
    {
        case 0:
            print="<p>Page A</p>"
            break;
        case 1:
            print="<p>Page B</p>"
            break;
        case 2:
            print="<p>Page C</p>"
            break;
        case 3:
            print="<p>Page D</p>"
            break;
        case 4:
            print="<p>Page E</p>"
            break;
    }
    document.getElementById("currentactivity").innerHTML=print;
}
4

1 に答える 1

2

コードに2つの問題があります。

  1. そのはずfunction quickStats(x)
  2. currentactivity何かを行うには、最後の行のIDを持つ要素が必要です。<div id="currentactivity"></div>HTMLに追加します。
于 2012-08-14T16:55:43.377 に答える