2016-01-02 3 views
2

Мне нужно, чтобы разделить кнопку в HTML-файле и щелкнуть функцию javascript в файле javascript.Как отделить HTML-кнопку и логику JavaScript от разных файлов

Вот что я пытался до сих пор:

Trial 1: Объединить кнопку HTML submitbutton и функции нажмите на кнопку в

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
     <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
     <link rel="stylesheet" href="/resources/demos/style.css"> 
    </head> 
    <body> 
     <form id="advertiseForm" name="advertiseForm" method="post" > 
     <br /><br /><br /> 
     <div style="text-align:center"> 
      <input class="button button2" id="submitbutton" type="button" value="Submit" /> 
     </div> 
     <script> 
      $("#submitbutton").on("click", validatelanded); 
      function validatelanded(event){ 
       alert("Hello."); 

      } 
     </script> 
     </form> 
    </body> 

Trial 2: отдельная кнопка HTML sumitbutton в HTML файл и его функции мыши в js-файл.

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
     <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
     <link rel="stylesheet" href="/resources/demos/style.css"> 
     <script type="text/javascript" src="advertisementlandedvalidationatclient.js"></script> 
    </head> 
    <body> 
     <form id="advertiseForm" name="advertiseForm" method="post" > 
     <br /><br /><br /> 
     <div style="text-align:center"> 
      <input class="button button2" id="submitbutton" type="button" value="Submit" /> 
     </div> 
     </form> 
    </body> 

advertisementlandedvalidationatclient.js файл

<script type="text/javascript"> 
    $("#submitbutton").on("click", validatelanded); 
     function validatelanded(event){ 
      alert("Hello."); 

    } 
</script> 

Пробные 1 работает (я вижу предупреждение) и Trial 2 не работает (я не вижу оповещения). Что может быть неправильным?

+4

Удалить теги сценария '

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