Question

我有一个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>

使用浏览器进行调试时，出现以下错误：

ReferenceError: displayJsonWithAjax is not defined

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

Answer 1

import fetchJson from 'some.module'

这真的有用吗？检查你的控制台。

如果脚本行失败，那么该行之后的所有内容都将被执行，因此脚本函数不会被声明并且无法在其他地方使用（这将解释为什么＆＃34 ;如果我尝试将所有函数放在同一个脚本标记中，则当浏览器加载页面时不会自动执行代码，并且脚本在第1行失败，并且没有执行任何其他操作。

Answer 2

＆＃13;

test();

＆＃13;

<script>function test(){
alert('hello');
}</script>

＆＃13;

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

2 个答案: