 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Упражнения и задачи по JavaScript
|
|
1. Создать кнопку Hi, на которой отображается надпись “Привет”, а обработчик события onclick вызывает диалоговое окно предупреждения, содержащее строку Hello to you, too! (Привет и тебе!).
2. Создайте сценарий, в котором использовался бы оператор: document.write("Hello, world.");. Сценарий должен запускаться при загрузке HTML-документа. В сценарий необходимо добавить комментарий, поясняющий принцип выполнения операторов этого сценария и вывести краткое пояснение в диалоговое окно.
3. Загрузка и манипулирование с изображениями на JavaScript.
4. Создайте HTML-документ, который сразу после загрузки страницы будет отображать диалоговое окно с предупреждением. Другое диалоговое окно должно отображаться при щелчке пользователя на кнопке формы.
5. Напишите оператор JavaScript, который отображает сообщение в строке состояния, приветствующее новых посетителей Web-страницы.
6. Напишите оператор JavaScript, который отображает приветствие новых посетителей Web-страницые на уровне заголовка <hl > страницы.
7. Создайте страницу, которая предлагает (в диалоговом окне) пользователю ввести его или ее имя, а после этого будет приветствовать его (ее) по имени. Приветствие должно отображаться в основной части страницы.
8. Создайте страницу, содержащую произвольный текст. Сразу после загрузки она должна автоматически выводить диалоговое окно с адресом URL текущей страницы.
9. Создать страницу, использующую операторы:
window.status = "Welcome to my Web page.";
document.write("<hl>Welcome to my Web page.</hl>")
Наведение курсора на эти строки должно вызывать диалоговые окна, поясняющие работу этих операторов.
10. Манипулирование окнами: изменение размера, цвета и др.
11. Сценарий в разделе body вызывает функцию, которая возвращает текст, введенный в диалоговом окне prompt ().
<html> <head>
<script type=text/javascript">
function askName() {
var name = prompt ("What is your name, please?11,"")
return name
}
</script>
</head>
<body>
<script type="text/javascript">.
document.write("Welcome to my web page, " + askName() + ".")
</script>
</body>
</html>
По событию onclick вывести это сообщение в окно статуса состояния и в другие диалоговые окна.
12. Адрес URL получен из свойства href объекта location.
<html> <head>
<script type="text/javascript">
function showLocation() {
alert("This page is at: " + location.href);
}
</script> </head>
<body onload="showLocation()"> Bu, be, by.
</body> </html>
Создать кнопку и по событию onclick вывести это сообщение в окно статуса состояния и в другие диалоговые окна.
13. Обработчики событий JavaScript.
14. Навигация по сайту
15. JavaScript и таблица стилей
16. Определение типа ОС клиента.
17. Определение типа браузера клиента.
18. Создание контекстного меню.
19. Раскрывающееся окно.
20. Таймер-часы.
21. Приветствие посетителя с учетом времени суток(утро, день, вечер).
22. Календарь.
23. Формы. Проверка информации, вводимой и посредством форм. Проверка наличия во вводимой строке определенных символов.
24. Рисунки на веб-сайте.
25. Слои на веб-сайте.
26. Вычисления на веб-сайте.
27. Создать игру типа: “Угадай задуманное число”.
28. Создать различные меню на JavaScript.
29. Создать объект калькулятор.
30. Создать объект бегущая строка.
31. Перекодировщик русских символов
32. Автоматическая регистрация страниц на поисковых системах. Программа выполняется на стороне клиента.
33. Время в JavaScript (получение и установка даты-времени).
34. Создать Web-страницу с «бегущим текстом» в строке состояния браузера
35. Задание задержек по времени при выполнении функций. Программирование картинок.
36. Управление слоями.
37. Создать Web-страницу со слоем, появляющимся при нажатии на кнопку «Невидимка», и исчезающем при повторном нажатии на кнопку «Невидимка».
38. Программирование форм. Создать Web-страницу с викториной из 7-ми вопросов с 5-ю возможными вариантами ответов.
39. Создание тестирующей программы.
40. Голосование
41. Создание фреймов.
42. Органайзер
43. Авторизация на JavaScript
44. Решение квадратных уравнений -------х2 +------х +-------- =0
45. Проверка доступности cookie.
46. Объекты JavaScript.
47. DOM.
48. DOM и AJAX.
49. Работа с текстовыми строками из формы: объединение, сравнение, нахождение длины, удаление HTML-тегов из строки, удаление пробелов вначале и в конце.
50. Перевод строки в разные кодировки: KOI8-R, WINDOWS-1251, UNICODE.
51. Конвертация даты из одного формата в другой.
52. Проверка данных, вводимых пользователем в форму:
а) Проверка обязательных для ввода полей
b) Проверка допустимости вводимых данных
c) Удаление HTML тегов
d) Удаление обратных слешей
52. Создать прототип для списка личностей(актеров, спортсменов, ученых, политиков, писателей). Личность:
{// свойства:
name //(имя);
birthYear //(год рождения);
country //(страна проживания, по умолчанию USA);
alive //(жив ли, по умолчанию – true).
}
Добавить методы:
setCountry() – присваивает название страны соответствующему свойству и проверяет является ли название страны корректным setBirthYear –присвавает свойству значение года рождения и проверяет являет ли значение корректным.
Список личностей реализуется с помощью объекта “Spisok”:
{ supermans // массив личностей;
length // количество членов в списке.
}
Добавить к списку следующие методы:
Add () (добавить в список), Remove() (удалить из списка), Replace() (заменить в списке). Заполнить список 5-10 элементами.
Написать функцию, которая будет при загрузке страницы создавать таблицу со списком актеров (для создания таблицы используйте функции insertRow и insertCell, описание которых можно посмотреть в MSDN). Таблица должна будет содержать следующие колонки: порядковый номер, имя, год рождения, страна, жив или нет.
Имя в таблице должно быть ссылкой, при нажатии на которую данные актера должны загружаться в форму (которая должна быть на странице), форма должна иметь два кнопки: Сохранить и Отменить, соответственно должны быть написаны функции для очистки формы и для сохранения данных (после сохранения данные в таблице должны обновиться).
Написать функции для сортировки данных в таблице: название каждой колонки должно быть ссылкой, после нажатия по которой они сортируются. По умолчанию сортировка должна идти по возврастанию, если же по какой-то колонке нажать дважды, то сортировка должна становиться по убыванию. Причем если при сортировке несколько актеров имеют одинаковый параметр (например, год рождения), то должны сравниваться имена актеров. Для изображения направления сортировки используйте стрелки в конце названия столбца (стрелки реализуются с помощью HTML-символов с кодами 9650 и 9660).
Глава 5. Язык серверных скриптов PHP
Язык PHP является одним из самых простых и мощных скриптовых языков, предназначенных для разработки серверной части сайта и исполняемых на стороне сервера. Язык PHP был разработан Расмусом Лердорфом в 1994 году. Считается, чтто название PHP произошло от словосочетания Personal Home Page Tools. Более современная аббревиатура PHP - “Препроцессор гипертекста”. Скрипты PHP обрабатывают на сервере передаваемый с помощью браузера запрос клиента, и возвращают клиенту результат работы серверной части сайта. Использование на сайте PHP – скриптов позволяет добавить на сайт множество таких элементов как формы для обратной связи, счетчики посещений, гостевые книги, форумы, голосования. К более сложным элементам относятся системы управления сайтом. С помощью таких систем можно добиться персонализации сайта и его легкого обновления.
Дата публикования: 2014-11-18; Прочитано: 2024 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
