javascript - 多页动态内容JS

我想为更改页面创建一个按钮。我的问题是，我有一个之前编写的代码，但它并非以我想要的方式工作。

这是代码：

function loadingPage() {

    $(function () {
        $(".content").load("home.html");
    });

}

function loadingPage_about() {

    $(function () {
        $(".content").load("about.html");
    });

}

button1.onclick = loadingPage;
button2.onclick = loadingPage_about;

我想使用一个函数剪切此代码，然后在属性中更改页面。像这样：

function loadingPage(page) {

    $(function () {
        $(".content").load(page);
    });

}

button1.onclick = loadingPage("home.html");
button2.onclick = loadingPage("about.html");

但这不起作用，window.onload和按钮之后的页面不会自动更改内容部分。有人可以告诉我为什么此代码不起作用吗？ ：/

最佳答案

在这里，立即执行loadingPage并将结果分配给button.onclick：

button1.onclick = loadingPage("home.html");

要延迟执行，您可以例如将其包装在一个函数中：

button1.onclick = function() {loadingPage("home.html")};