为什么在外部源文件中声明时对象文本会加载，而在包含外部 javascript 文件文件的文件中调用时不会加载

Question

外部文件中的代码是

var testing = {
    bugtest: function() {
        alert('No Bugs Here');
    }
}

在我正在使用的 php 文件中

<script type="text/javascript" src="externalScript.js">
    testing.bugtest();
</script>

但这行不通，为什么？

如果我在外部 fil 中调用函数，它可以工作

var testing = {
    bugtest: function() {
        alert('No Bugs Here');
    }
}
testing.bugtest()

这将起作用，但这不是我想要的，我希望能够在主文件中调用该函数？这个问题的原因是什么？

Answer 1

不能将src属性和文本节点与script元素一起使用。

它们必须是排他性的，例如每个元素

。

所以你的HTML看起来像...

<script type="text/javascript" src="externalScript.js"></script>
<script type="text/javascript">
    testing.bugtest();
</script>

Answer 2

<script type="text/javascript" src="externalScript.js">
testing.bugtest();
</script>

是错误的。您可以指定 src，也可以运行内联代码。