Событие Javascript не запускается

После нажатия на кнопку #theButton необходимо вызвать предупреждение. Почему ни одно из событий не запускается с использованием следующих методов? Спасибо заранее.Событие Javascript не запускается

<html> 
    <head> 
     <script type="text/javascript" language="javascript"> 

     var theButton = document.getElementById("theButton"); 

     theButton.onclick = function(){alert("Clicked!");} 
     theButton.onclick = clickAlert; 
     theButton.onclick(alert("Clicked!")); 

     function clickAlert(){ 
     alert("Clicked!"); 
     } 
     </script> 
    </head> 
    <body> 
     <input type="button" id="theButton"> 
    </body> 
    </html>

источник

2010-06-18 Babiker

Внимание к деталям очень важно в программировании, недостаточное внимание к деталям показывает определенный недостаток профессионализма. Плохие названия орфографии и неправильной орфографии указывают на отсутствие внимания к деталям. Кроме того, ваша логика ошибочна, вы добавляете то же самое к onClick снова и снова, прежде чем кнопка на самом деле существует. –

Если бы вы написали это для начала, я бы прекрасно, потому что я бы чему-то научился. Но сарказм ничего не учит. – Babiker

У вас есть три проблемы

Вы орфографическую ошибку function на линии 7. (Это порождает ошибки во время выполнения, кстати)
Вы пытаетесь получить доступ к #theButton узла, прежде чем он доступен в DOM. Посоветуйтесь Пекка для этого одного
Вы перезаписать onclick свойство в строке 8 - не уверен, если вы делаете это нарочно или что

источник

2010-06-18 20:31:44

Поскольку theButton еще не существует при запуске сценария?

Оберните его в корпус onload или jQuery's ready().

источник

2010-06-18 20:26:39

'' '' '' '' '' '' '' '' '' '' '' является оболочкой для события 'DOMContentLoaded', а не' laod'. – Crozin

@Crozin Я знаю, но IIRC, получив 'DOMContentLoaded' без jQuery в браузерах, было ужасно сложно. Тем не менее, вы правы. –

Что вы имеете в виду, пока не существует? – Babiker

Попробуйте обернуть его в документе. Функция Ready().

источник

2010-06-18 20:29:08 Brandon

Это не обязательно существует - OP не использует jQuery. –

Мне нравится jQuery.ready() ответ, но я полагаю, вы могли бы также переместить <script> блок в какой-то момент, вы delcalre кнопку, как в конце страницы.

источник

2010-06-18 20:33:14

... или использовать событие 'onload'. –

Это работает, если вы поставите OnClick в пределах входного тега (и пишется все правильно):

<html> 
    <head> 
     <script type="text/javascript" language="javascript"> 



     function clickAlert(){ 
     alert("Clicked!");  

     } 

     </script> 
    </head> 
    <body> 
     <input type="button" id="theButton" NAME="theButton" onclick="clickAlert()"> 
    </body> 
    </html>

источник

2010-06-18 20:33:37

Событие Javascript не запускается

ответ

Смежные вопросы