Блог

Главная - Вопросы по программированию - Как вызвать функцию в javascript, которая была объявлена в html-файле

Как вызвать функцию в javascript, которая была объявлена в html-файле

#javascript

#javascript

Вопрос:

У меня есть 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

Если я попытаюсь поместить все функции в один и тот же тег script, никакой код автоматически не выполняется, когда браузер загружает страницу… Как мне выполнить вызов этих двух функций?

Комментарии:

1. Можете ли вы также показать нам тег script?

2. показать объявление этих функций

3. Можете ли вы повторно создать это в jsfiddle

4. Это должно было сработать, если раньше не было ошибки: Пример скрипки

5. @Rajesh Я новичок в javascript. Я не знаю, как использовать консоль. Я выполняю отладку в редакторе и получаю только ошибку. Как мне выполнить отладку с помощью Chrome?

Ответ №1:

import fetchJson from 'some.module'

Это действительно работает? Проверьте консоль.

Если строка скрипта завершается с ошибкой, все, что находится после этой строки, не будет выполнено, поэтому функции скрипта не будут объявлены и не будут использоваться в другом месте (и это объяснит, почему «Если я попытаюсь поместить все функции в один и тот же тег скрипта, никакой код автоматически не выполняется, когда браузер загружает файлстраница»: сценарий завершается с ошибкой в строке 1, и больше ничего не выполняется).

Ответ №2:

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