Question

我的HTML文件中有这个：

<script src="/file.js"/>
<script>
func_from_file();
main_func(){
    alert("some alert");
}
</script>

这在我的file.js中：

func_from_file(){
    alert("some alert from file");
}
main_func();

所以我在HTML文件中有这个脚本从file.js调用函数，并且在file.js内部有一个脚本从html文件中调用函数。如何避免reference error？

P.S。我无法拼接脚本，不能将HTML页面中的脚本放在某些file.js内，而且我无法更改加载队列。请帮帮我。

编辑：

我会尽力纠正我的问题。

HTML页面：

<head>
<script src="/file.js"/>
<script>
func_from_file();
start(){
    main_func(){
        alert("some alert");
    }
}
</script>
</head>
<body>
<button onclick="start()"/>
</body>

和file.js：

func_from_file(){
    alert("some alert from file");
}
main_func();

现在是真正的代码。我忘记了一半。

Answer 1

我认为你的问题并不是函数错误，而是你宣称脚本标签错误，试试这个：

<强> HTML：

<script src="folder/structure/here/file.js"></script>
<script>
func_from_file();
main_func(){
    alert("some alert");
}
</script>

<强> JS：

func_from_file(){
    alert("some alert from file");
}

$( document ).ready(function() {
    main_func();
});

修改这就是我现在所拥有的，我想这就是你想要的？

<强> HTML：

<html> <head> <script src="file.js"></script> <script> func_from_file(); function main_func(){ alert("some alert"); } </script> </head> <body> <button onclick="main_func()"/> </body> </html>

<强> JS：

function func_from_file(){ alert("some alert from file"); } main_func();

或者如果您想在显示main_func()
之前加载页面
function func_from_file(){ alert("some alert from file"); } $(document).ready(function() { main_func(); });

Answer 2

你可以把main_func（）的调用放在window.onload = function（）{}

里面的file.js中

这样一旦整页加载就会调用

或将main_func（）调用放在javascript的setTimeout函数中的file.js中，并根据您的方便设置超时。

JavaScript相互依赖的功能

2 个答案: