Question

我正在尝试制作一个菜单，当点击任意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;
}

Answer 1

我发现您的代码有两个问题：

应为function quickStats(x)
您需要为最后一行设置ID为currentactivity的元素才能执行任何操作。将<div id="currentactivity"></div>添加到HTML。

使用switch语句更改页面正文

1 个答案: