外部javascript文件工作但不调用函数

External javascript file working but not calling functions

本文关键字:调用 函数 工作 javascript 文件 外部      更新时间:2023-09-26

我的index.html文件:

<!DOCTYPE html>
<html>
<head>
    <meta charset = "utf-8" />
    <title> My Title </title>
    <link rel = "stylesheet" href = "main.css">
</head>
<body>
    <script type = "text/javascript" src= "myScript.js"> </script>
    <script>
        myFunction();
    </script>
</body>
</html>

myScript.js文件:

<!--
function myFunction(){
    alert("external file worked");
}
// -->

当我运行这个时,不会弹出警报。但是如果我把myScript.js改成这个:

<!--
    alert("external file worked");
// -->

警报很好。所以我的问题出在函数调用上,但我看不出有什么问题。有比我更敏锐的人可以帮忙吗?

您的原始代码(稍后编辑)是这样的:

function class()
{
    alert("external file worked");
}

这样做会导致错误:

SyntaxError:不能将保留字"class"用作函数名。

如果您将函数名称更改为非保留字,它将按预期工作。

在调用myFunction()后的某个时刻,myScript.js文件会加载。将加载程序移到页眉或使用$(document).ready();