Как вызвать функцию в html из *.js ?

@артист · Регистрация: 17.09.2014

Студворк — интернет-сервис помощи студентам

Вот сам скрипт(не уверен что правильно):

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function authorized()
{
    var xhr = new XMLHttpRequest()                              // Создать объект
    xhr.withCredentials = true                                  // Передать куки и параметры авторизации от клиента
    xhr.onreadystatechange = function()                         // Назначить обработчик запроса
    {
        if(xhr.readyState == 4)                                 // Запрос завершен и ответ готов
        {
            if(xhr.status == 200)                               // Успешый запрос
            {
                return true // Вернуть правду
            }
                        else return false // ложь
        }
    }
    xhr.open('GET', 'http://www.site.ru/index.php', true)   // Конфигурация запроса
    xhr.send()                                                  // Отправить запрос
}

Вот страничка:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="popup.js"></script>
        <style>.fig {text-align: center;}</style>
    </head>
    <body>
        <table style="width:100px; height:100px;" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td style="width:100px; height:100px;">
                    <p class="fig"><img src="img/loading.gif"></p>
                </td>
            </tr>
        </table>
        <script type="text/javascript">authorized()</script>
    </body>
</html>

Как в html получить ответ от функции и в зависимости от ответа открыть другие страницы?

Вроде этого:

HTML5
1
2
if(authorized()) window.open("1.html")
else window.open("2.html")

Так у меня что - то ничего не получается(ну тут конечно и условий нет, просто вызов, но он не работает):

HTML5
1
<script type="text/javascript">authorized()</script>

@Nik- · 27.09.2016, 16:31

Воспользуйтесь событиями JS. Например может подойти событие onload.

HTML5
1
<body onload = "authorized();">

@артист · 27.09.2016, 19:44 **[ТС]**

Всё, наконец - то нашёл где этот отладчик приложений, оказывается нужно щелкнуть правой кнопкой на значке, и нажать "Посмотреть всплывающее окно".

И вот что пишет на <body onload = "authorized();"> :

loading.html:8
Refused to execute inline event handler because it violates the following Content Security Policy directive:
"script-src 'self' blob: filesystem: chrome-extension-resource:".
Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.

Добавлено через 15 минут
А в самом скрипте нет функции, которая вызывается при его загрузке?

Что-то я вот тут похожее увидел:

JavaScript
1
2
3
function main() {
  // Initialization work goes here.
}

Добавлено через 40 минут
Всё проще оказалось:

Рано или поздно при написании JavaScript’а возникает необходимость в том, чтобы он был автоматически запущен при загрузке страницы. Нужно это, как правило, для следующих действий: инициализация интерфейса (UI) и отложенная загрузка данных (lazy load).
Как часто бывает, для такой простой на первый взгляд задачи, есть несколько способов решения.
Задача. После загрузки страницы, нам нужно каким-то образом проинициализировать меню функцией initiPageMenu(), которыя находится в файле menu.js.
Способы решения:
1. Самый простой способ: в конце js-файла делаем вызов нужной функции.

menu.js:

JavaScript
1
2
3
// some javascript code
initiPageMenu();
// end of file

Самый простой способ имеет множество недостатков:
если скрипт подключается в теге <head>, у него нет доступа к DOM-модели;
вызов необходимой функции блокирует загрузку других скриптов;
необходимо учитывать, что к моменту загрузки скрипта, DOM-модель существует и все необходимые зависимости учтены (например, загружен другой скриат).
при просмотре файла menu.js не всегда очевидно, что будет выполнена функция initiPageMenu();
данный способ ничего не знает о UpdatePanel.

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .