Question

function toggle1() {
    //code toogle1

    function toggle2() {
        //code toogle2
    }
}

我想在表单的onsubmit中调用toggle2()：

<form name="myForm" action="blabla.php" onsubmit="return toogle2()" method="post">

我对此毫无头绪，提前谢谢。

Answer 1

toggle2是在toggle1范围内定义的，因此它不是全局的，也无法访问。

您可以将其分配给全局：

function toggle1() {
    //code toogle1

    function toggle2() {
        //code toogle2
    }

    window.toggle2 = toggle2;

}

...但在toggle1被调用之前它不可用。

全球通常是一个坏主意。在大多数情况下，通常最好不要使用它们。这使得onXXX属性无法使用，因此您必须直接或通过抽象库切换到更现代的（addEventListener）。

function toggle1() {
    //code toogle1

    function toggle2() {
        //code toogle2
    }

    document.querySelector('form').addEventListener('submit', toggle2);

}

在使用toggle1之前，您仍然需要调用它。

Answer 2

function toggle1() {
    //code toogle1
    toggle2();
}

function toggle2() {
   //code toogle2
}

如果我是你，我想用上面的方式

如何调用另一个函数onsubmit表单中的javascript函数？

2 个答案: