代码之家 › 专栏 › 技术社区 › Susmit Agrawal Sudip Bolakhe

无法调用在单独文件中定义的函数

html javascript

Susmit Agrawal Sudip Bolakhe · 技术社区 · 6 年前

我有个功能 login 在文件中定义 index.js :

function login(un, pass){
    ....
}

在我的 index.html ,我有:

<head>
    <title>Title</title>
    <script src="index.js"></script>
</head>

<body>
    ....
    <script>
        ....
        login("user", "pass");
    </script>
    ....
</body>

但这给了我控制台中的以下错误:

未捕获的引用错误:未定义登录名

两者 index.html索引 和 索引.js 在同一个文件夹中。我错过了什么?

编辑

我漏掉了一个关键的细节,那就是我是用一个Flask服务器托管的。经过一番研究,我意识到 js 文件必须位于名为 static .

2 回复 | 直到 6 年前

Dalton Whyte 6 年前

作为一个更好的实践,在EcmaScript 6中实现这一点的另一种方法是简单地定义函数和 'export' 作为一个模块。那你可以 'import' 来自另一个Javascript文件或HTML标记中的模块,如下所示,确保文件路径正确:

./src/索引.js:

var login = function (user, pass) { ... }

export { login };

index.html:

<script>
    import login from './src/index'
    ...
    login ("user", "pass");
    ...
</script>

Lev Buchel 6 年前

检查“index.js”的文件权限是否不可访问?

也试着把它称为

<script src="../yourFolder/index.js"></script>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前