Webzone Публикации Javascipt JavaScript - Всплывающие окна

JavaScript - Всплывающие окна

14:05 , 12 Август 2019
JavaScript - Всплывающие окна

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

  • alert()
  • confirm()
  • prompt()



alert() - JavaScript MessageBox

Диалоговое окно предупреждения в основном используется для информирования или оповещения пользователя путем отображения некоторых сообщений в небольшом диалоговом окне. Важно отметить, что метод alert() не имеет имени объекта перед ним, потому что метод alert() является частью окна Object. Когда появится окно предупреждения, пользователю необходимо нажать «ОК», чтобы продолжить.


Пример:


<html>
  <body>
    <input type="button" value="Click Here..." onclick="alert('This is an Alert Box');" />
  </body>
</html>




Подтверждение JavaScript() Box

Поле подтверждения используется, чтобы пользователь сделал выбор. Когда JavaScript всплывает окно подтверждения, пользователю необходимо нажать «ОК» или «Отменить», чтобы перейти к следующему шагу. Различные действия будут происходить в зависимости от того, какую кнопку пользователь нажимает. Вы можете указать этот курс действия с условной логикой.


Пример:


<html>
  <head>
    <script type="text/Javascript">
      function isConfirmed() {
        var conVal = confirm("Are you ready to confirm?");
        if (conVal == true) {
          val = "Confirmed !!";
        } else {
          val = "Cancelled !!";
        }
        alert(val);
      }
    </script>
  </head>
  <body>
    <form>
      <input type="button" onclick="isConfirmed()" value="Want to confirm ?" />
    </form>
  </body>
</html>




Приглашение JavaScript в поле

Метод alert() не может взаимодействовать с посетителем. JavaScript Prompt Box часто используется, если вы хотите, чтобы пользователь вводил входное значение, прежде чем переходить к следующему шагу. Когда появится окно подсказки дисплея JavaScript, пользователю необходимо нажать «ОК» или «Отменить», чтобы продолжить после ввода входного значения. Значение, возвращаемое подсказкой, зависит от того, что именно пользователь делает с диалогом. Если пользователь что-то набирает, а затем нажимает OK или нажимает Enter, метод prompt возвращает строку ввода пользователя. Если пользователь нажимает кнопку «ОК» или нажимает «Ввод», не набрав ничего в диалоговом окне приглашения, метод возвращает предлагаемый ввод, как указано во втором аргументе, переданном в приглашение. Если пользователь отклоняет диалог (например, нажав «Отмена» или нажав Esc), то в большинстве браузеров метод приглашения возвращает null.


Пример:


<html>
  <head>
    <script type="text/Javascript">
      function promptUser() {
        var iDay = prompt("Enter any value...", "");
        if (iDay != null) {
          alert("The value you entered is.." + iDay);
        } else {
          alert("Should enter value...");
        }
      }
    </script>
  </head>
  <body>
    <form>
      <input type="button" onclick="promptUser()" value="Display prompt box.." />
    </form>
  </body>
</html>


Вопросы / Комментарии / Отзывы