Question

我的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");
// -->

警报很好。所以我的问题是在函数调用中，但我看不出它有什么问题。眼睛比我更敏锐的人可以帮忙吗？

Answer 1

您的原始代码（您之后已对其进行了编辑）是：

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

这样做会导致错误：

SyntaxError：无法使用保留字＆＃39; class＆＃39;作为函数名称。

如果您将功能名称更改为不是保留字的内容，它将按预期工作。

Answer 2

在调用myFunction（）之后，某些时候会加载myScript.js文件。将加载程序移动到标题或使用$（document）.ready（）;

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

2 个答案: