Javascript 尝试通过单击菜单更改页面内容

我正在尝试动态更改页面中的内容，这样，在默认页面上，我可以通过单击菜单选项动态更改内容。 这对我来说似乎很复杂。 我是否使用ONCLICK方法，或者其他JavaScript函数，或者PHP

编辑：

这就是我到目前为止所做的：

• 我有一个CSS工作正常的文件
• 我对主页（索引）进行了编码：

埃斯托克控制酒店

在使用php时，您可以将内容分割成文件，并使用if…else，include（'fileName.php'）选择性地包含它们，并使用isset（'variableName'）检查按钮单击。请注意，以下代码尚未测试：

    vars.php
    <?php

    $color = 'green';
    $fruit = 'apple';

    ?>

    test.php

    <form name="new user" method="post" action=<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?> > 

    <input type="submit"  value="show"/>
    </form>
    <?php

if (isset($_POST["submit"])) {
include 'vars.php';    
 echo "A $color $fruit";
}else{  
    //code goes here
}

    ?>

vars.php
test.php

根据您的评论进行编辑：

<ul>
                <li><a href="?link=1" name="link1">link 1</a></li>
                <li><a href="?link=2" name="link2">link 2</a></li>
                <li><a href="?link=3" name="link3">link 3</a></li>
                <li><a href="?link=4" name="link4">link 4</a></li>    
            </ul>

       <div id="mainSection">
            <?php
        $link=$_GET['link'];
        if ($link == '1'){
             include 'page1.php';
        }
        if ($link == '2'){
            include 'page2.php';
        }
        if ($link == '3'){
            include 'page3.php';
        }
        if ($link == '4'){
            include 'page4.php';
        }
            ?>  
        </div>

请阅读并确保采用最简单的版本：使用

这取决于。。。您可以使用AJAX动态地使用PHP（

包括

页眉、页脚）和页面刷新或加载内容……您可以添加到目前为止所做的工作吗……Roko C.Buljan，我正在w3school学习AJAX，但所有示例都显示了这些javascript按钮，我希望在单击CSS制作的按钮时更改这些按钮。我不知道我是否只是缺乏知识和逻辑，但我对这一点非常陌生。我想我明白这一点。所以我应该用一个表单的方法，然后它会得到我的其他文件来改变网站？我可以在示例中将其分配到我的一个菜单吗？谢谢！那将对我有很大帮助。我不是程序员。我是一名土木工程专业的学生，试图为自己构建解决方案，所以这真的不是我的事。