Can'；从body onload调用函数（未捕获引用错误：未定义resetLoginForm）javascript_Javascript_Html

Can'；从body onload调用函数（未捕获引用错误：未定义resetLoginForm）javascript

javascript html

Can'；从body onload调用函数（未捕获引用错误：未定义resetLoginForm）javascript,javascript,html,Javascript,Html,我有一个body onload在javascript中调用函数。我尝试了很多方法，但控制台只是打印到错误日志：未捕获引用错误：未定义resetLoginForm 我的代码如下： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <title>Login Page</title> <

我有一个body onload在javascript中调用函数。我尝试了很多方法，但控制台只是打印到错误日志：

未捕获引用错误：未定义resetLoginForm

我的代码如下：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/html">

    <head>

        <title>Login Page</title>

        <script src="/client/js/popper.min.js"></script>
        <script src="/client/js/js.cookie.min.js"></script>
        <script src="/client/js/querystring.js"></script>
        <!--Import Google Icon Font-->
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <!--Import materialize.css-->
        <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"  media="screen,projection"/>
        <!--Let browser know website is optimized for mobile-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <script type="module" src="js/login.js"></script>

    </head>

    <body class="blue-grey darken-2" onload="resetLoginForm()">

        <script src="js/jquery-3.3.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

您正在使用新的ECMAScript模块（

），这些模块独立于它们自己的作用域。您的函数

resetLoginForm（）

未在全局范围内定义（在全局范围内，您基本上可以从onload body函数调用它）。您需要在模块中明确定义它：

import * as Cookies from "/client/js/js.cookie.min.js";

window.resetLoginForm = {

    if (Cookies.get("destination") === undefined) {
        window.location.href = "/client/index.html";
    }
    ...

理想情况下，尽管，您根本不应该使用

onload

。只需在以下位置添加事件侦听器：

import * as Cookies from "/client/js/js.cookie.min.js";

function resetLoginForm() {

    if (Cookies.get("destination") === undefined) {
        window.location.href = "/client/index.html";
    }

    ...
}

// Attach an event, and call resetLoginForm when the document is done loading.
document.addEventListener("DOMContentLoaded", resetLoginForm);