javascript - 如何仅通过 HTML 调用函数内部的函数

Question

我无法仅使用 HTML 访问函数内部的函数。 如何仅使用 HTML 调用 setLayout() 还是只能在 Javascript 中调用？

<button onclick="customize.setLayout('b.html');">Click Please</button>

Javascript:

 function customize() {
     function setLayout(text) {

        var selectedLayout = text;
        layout += selectedLayout;
        $.get(layout, function (data) {
            $("#layout-grid").html(data);
        });
    }
}

Answer 1

根本不可能调用setLayout。

在其他函数中定义的函数的范围仅限于该函数。它们只能被该范围内的其他代码调用。

如果您希望能够调用customize.setLayout，那么您必须首先创建customize(它可以是一个函数，但不一定是)那么您需要使 setLayout 成为该对象的属性。

customize.setLayout = function setLayout(text) { /* yada yada */ };