JavaScript Pop-Ups

• Може 17, 2024

JavaScript е създаден, за да добави интерактивност към уеб страници, така че не е изненадващо, че има няколко функции, които улесняват събирането на информация и показването й на потребител, използвайки изскачащи кутии. Преди да разгледаме тези полета, имайте предвид, че макар че те често са най-простият начин за събиране и показване на информация, те не са непременно най-привлекателните или удобни за потребителя. Освен всичко друго, изскачащите прозорци изискват от потребителя да натисне бутон, за да затвори прозореца след всяко съобщение или въвеждане - това може да остарее бързо. Освен това, от гледна точка на уеб дизайна, наистина имате много малък контрол върху представянето на информация в изскачащи кутии. Това каза на правилното място и се използва умерено, изскачащите кутии могат да бъдат както прости, така и ефективни.

Има три вида изскачащи кутии - предупреждение, потвърждение и подкана. Най-простият и най-често използван изскачащ прозорец е алармен. Предупреждението взема един аргумент - съобщение до потребителя. Когато се появи предупредително поле, потребителят не може да продължи, докато не натисне бутона „OK“. Кодът за полето за предупреждение е прост:

сигнал („Това е сигнал“)



Полето за потвърждение е само малко по-сложно. Подобно на предупреждението, потвърждението взема един аргумент - съобщението. Когато се появи поле за потвърждение, на потребителя се дава избор да отговори, като използва бутоните „ОК“ или „Отказ“. За разлика от предупреждението, потвърждението има стойност на връщане - 0 означава, че потребителят е натиснал „Отказ“, а 1 означава „ОК“. Кодът за поле за потвърждение е идентичен с полето за предупреждение, с изключение на това, че искате по някакъв начин да съберете връщащата стойност:

save_me = потвърди ("Това е изскачащо потвърждение")



Въпреки че е най-сложното от изскачащите прозорци, подканянето все още е доста просто. Подканата взема два аргумента - съобщение до потребителя и стойност по подразбиране (или „„ ако не искате стойността по подразбиране.) Когато се появи полето за подсказка, потребителят може да въведе исканата информация и да натисне „OK“. Има и бутон „Отказ“. Върнатата стойност е отговорът на потребителя. Ако потребителят отмени връщащата стойност е нула, Ако оставят полето подкана празно, връщащата стойност ще бъде празният низ (""). Вероятно искате да проверите за тези стойности и да направите нещо специално, а не да използвате нула или празният низ като техен отговор. Кодът за полето за бързи съобщения е:

response = prompt ("Това е подкана", "Отговори тук")



Можете да видите демонстрация на тези изскачащи кутии тук

---

Инструкции Видео: Build a Popup With JavaScript (Може 2024).