WedX - журнал о программировании и компьютерных науках

Функция вызывается автоматически

Функция displayDate() автоматически вызывается при загрузке страницы. Но когда я вызываю функцию displayDate без скобок, она работает отлично.

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<p>Click "Try it" to execute the displayDate() function.</p>

<button id="myBtn">Try it</button>

<p id="demo"></p>

<script>
document.getElementById("myBtn").onclick = displayDate();

function displayDate() {
    document.getElementById("demo").innerHTML = Date();
}
</script>

</body>
</html> 

Этот пример кода взят из w3schools.

21.06.2015

Ответы:


1

Когда вы пишете функцию со скобками, она вызывается немедленно. Это так в JavaScript, а также в других языках.

Когда вы устанавливаете обработчик событий (и это то, что вы делаете), вы не хотите вызывать функцию, а указываете, какую функцию использовать, когда происходит событие. Таким образом, вы не используете круглые скобки в этом случае, так как вы не хотите вызывать функцию сразу, а указываете, что должно быть вызвано позже.

Поэтому не пишите скобки для установки обработчика событий.

21.06.2015

2

@Juergen правильно выше, но еще один простой способ справиться с этим - просто объявить функцию напрямую:

document.getElementById("myBtn").onclick = function() {
    document.getElementById("demo").innerHTML = Date();
}

Очевидно, это предполагает, что вы не пытаетесь повторно использовать функцию, но обычно это немного чище.

21.06.2015

3

Этот оператор вызывает функцию displayDate и присваивает возвращаемое значение атрибуту onclick элемента «myBtn».

document.getElementById("myBtn").onclick = displayDate();

Лучший способ установить обработчик события:

document.getElementById("myBtn").addEventListener("click",displayDate);
21.06.2015
Новые материалы

Как создать диаграмму градиентной кисти с помощью D3.js
Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..

Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..


Для любых предложений по сайту: [email protected]