如何在javascript中调用已在html文件中声明的函数

如何在javascript中调用已在html文件中声明的函数,javascript,Javascript,我有一个html文件,在脚本标记中声明了函数displayJsonWithAjax和函数displayOtherJsonWithAjax 在另一个脚本标记中,当选择框更改时,我使用以下代码调用这些函数: <script> import fetchJson from 'some.module' function displayJsonWithAjax() { ... } function displayOtherJsonWithAjax() { ... } &

我有一个html文件,在脚本标记中声明了函数
displayJsonWithAjax
和函数
displayOtherJsonWithAjax

在另一个脚本标记中,当选择框更改时,我使用以下代码调用这些函数:

<script>
import fetchJson from 'some.module'

function displayJsonWithAjax() {
     ...
}

function displayOtherJsonWithAjax() {
     ...
}

</script>

<script>
$(document).ready(function () {
    $('#selectBox').change(function () {
        displayJsonWithAjax();
        displayOtherJsonWithAjax();
    }).change();
});
</script>

如果我尝试将所有函数放在同一个脚本标记中,则在浏览器加载页面时不会自动执行任何代码。。。如何调用这两个函数?

从'some.module'导入fetchJson

这真的有效吗?检查你的控制台


如果脚本行失败,则该行之后的所有内容都不会执行,因此脚本函数不会被声明,也不会在其他地方使用(这将解释为什么“如果我尝试将所有函数放在同一个脚本标记中,则在浏览器加载页面时不会自动执行任何代码”:脚本在第1行失败,没有执行任何其他操作。

从'some.module'导入fetchJson

这真的有效吗?检查你的控制台

如果脚本行失败,则该行之后的所有内容都不会执行,因此脚本函数不会被声明,也不会在其他地方使用(这将解释为什么“如果我尝试将所有函数放在同一个脚本标记中,则在浏览器加载页面时不会自动执行任何代码”:脚本在第1行失败,不会执行任何其他操作。

test()
功能测试(){
警惕(“你好”);
}
test()
功能测试(){
警惕(“你好”);

}
你能给我们看一下脚本标签吗?显示那些函数的声明在JSFIDDLE中重新生成它应该可以工作,除非之前有错误:@Rajesh我是javascript新手。我不知道如何使用控制台。我正在编辑器中调试,只得到了错误。如何使用chrome进行调试?您能同时向我们显示脚本标记吗?显示那些函数的声明扫描您在JSFIDDLE中重新生成这些函数它应该可以工作,除非之前出现错误:@Rajesh我是javascript新手。我不知道如何使用控制台。我正在编辑器中调试,只得到了错误。如何使用chrome进行调试?
ReferenceError: displayJsonWithAjax is not defined