外部文件中的功能不起作用

时间:2016-12-16 20:28:44

标签: javascript html

我很难理解为什么我在外部JS文件中定义的函数不会在页面上打印任何内容:

这是我的HTML文件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src = "script.js">
        start(document);
    </script>
</head>
<body>

</body>
</html>

这是我的JS文件:

function start(doc) {
    doc.writeln("<h1>Hello from JS</h1>");
    return;
}

我希望这个函数能做一个标准的hello-world输出,但我只看到一个空屏幕。

UPD:两个文件都在同一个文件夹中

1 个答案:

答案 0 :(得分:4)

正如@Amy所提到的,你不能同时使用包含JS的src属性。标签正文内的任何内容都将被忽略。

创建单独的<script>标记以包含您的通话:

<script src="script.js"></script>
<script>start(document);</script>    

HTML Script代码。