无法从index.html调用javascript函数

Question

嗨，我在加载事件时从index.html调用函数时遇到了一些问题，它返回错误readjson在控制台中未定义。

index.html

<script type="text/javascript"> 
 $(window).load(function () {   
readjson('a','s');
});
</script>

main.js文件

<script type="text/javascript"> 

function readjson(val1,val2){
//some code
}

</script>

谁能告诉我为什么它无法调用，我将main.js文件链接到index.html

Answer 1

JavaScript文件不应包含任何HTML。

从main.js删除<script type="text/javascript">和</script> 。

加载该文件时（沿意外标记<的行），您应该会看到一个错误。

Answer 2

在没有“ script”标签的js文件中这样调用它：

function readjson(val1,val2){
//some code
}

在index.html中，您需要“脚本”

并按照注释中的建议进行操作，始终首先包含.js文件，然后再包含index.html中的函数。

Answer 3

您是否正确添加了jQuery链接？ 如果没有，则应为要调用的$（window）添加jquery链接。 如..

<script src="http://code.jquery.com/jquery-latest.js"></script>

Answer 4

如果您实际显示的是两个脚本声明，则将首先触发窗口加载。 然后，它会查找尚未创建的函数。 这就是为什么您变得不确定。

您可以在页面上有一个脚本声明，然后将函数放置在load函数中。

<script>

$(window).load(function () {   

readjson('a','s');

function readjson(val1,val2){
//some code
}

});
</script>

Answer 5

从main.js删除标签：

<script type="text/javascript"> and </script>

并记得将jquery和main.js包括在内：

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
<script src="test.js"></script>