Створіть базову структуру HTML для вікна попередження та його вмісту, а також додайте елементи для повідомлення попередження та кнопки закриття. У JavaScript отримайте всі необхідні елементи HTML. Після цього реалізуйте прослуховувачі подій, щоб ініціювати відображення вікна попередження.
У можна зробити використовуючи елемент HTML <form> з <input type=”text”/> для текстового поля теми та <textarea> для основного повідомлення. Однак ви не можете надсилати повідомлення за допомогою HTML або Javascript, оскільки ці мови програмування створюються в браузері користувача, а не на сервері.
Приклад1
- <html>
- <head>
- <script type = "text/javascript">
- функція fun() {
- підказка («Це вікно підказок», «Привіт, світ»);
- }
- </script>
- </head>
Вікно сповіщення()
- приклад. Показати вікно сповіщень: alert("Привіт! Я вікно сповіщень!!"); Спробуйте самі » Більше прикладів нижче.
- Вікно попередження з розривами рядків: alert("Привіт\nЯк справи?" ); Спробуйте самі »
- Сповіщення про ім’я хоста поточної URL-адреси: alert(location. hostname); Спробуйте самі »
Ви можете додати поле в HTML за допомогою за допомогою тегу <div>, який створює контейнер для інших елементів HTML. Потім за допомогою CSS стилізуйте поле, застосовуючи різні властивості, такі як ширина, висота, межа, відступ, поле тощо.