Опубликован: 19.10.2006 | Уровень: для всех | Доступ: платный
Лекция 7:

Запросы пользователю и переменные

< Лекция 6 || Лекция 7: 12 || Лекция 8 >

Вернемся к разбору

Теперь, зная все составляющие блоки, вернемся снова к сценарию:

var user_name = prompt ("Введите свое имя в поле ниже","Здесь"); 
document.write("Привет, " + user_name + 
"!Добро пожаловать на мою страницу!");

Вот весь процесс.

  1. Имя переменной user_name присвоено результату запроса.
  2. prompt просит пользователя написать свое имя в поле ввода.
  3. В поле ввода записано: "Здесь."
  4. Точка с запятой в конце строки.
  5. document.write вызывает текст "Привет, ".
  6. Знак плюс + указывает, что все элементы идут друг за другом.
  7. user_name содержит результат запроса. Никаких кавычек — нам на странице нужен результат запроса, а не эти слова.
  8. Еще плюс.
  9. "!Добро пожаловать на мою страницу!" завершает текст.
  10. Точка с запятой.

Пожалуйста, постарайтесь хорошо понять концепцию переменных. В JavaScript они используются постоянно. Без них не обойтись.

Задание

...повторение пройденного.

Мы изучили шесть уроков. Пора приниматься за более сложные сценарии. Мы имеем уже достаточно знаний для создания сложных эффектов с помощью команд JavaScript.

В качестве сегодняшнего задания необходимо выполнить анализ показанного ниже сценария, объяснив, как работает каждая его часть. Может показаться удивительным, но любой сценарий без труда раскладывается на легко понятные части, как только станет понятно, что происходит в сценарии.

Задание 6. Самостоятельный разбор сценария

Вот сценарий. Разберите его на составляющие элементы, как мы делали в ходе урока.

<SCRIPT type="text/javascript">

var name = 
  prompt("Пожалуйста, напишите свое имя","")

var d = new Date(); 
                
var y =  d.getFullYear();  
var m = d.getMonth() + 1;  
var d = d.getDate();

var t =  m + '/' + d + '/' + y + ' ';

document.write("<TITLE>")
document.write
("Привет "+name+ ". Сегодня " 
+t+ ". Спасибо, что зашли.");
document.write("</TITLE>")

</SCRIPT>

Разбор задания

  • Начинаем со строки <SCRIPT LANGUAGE="javascript">.
  • Создается переменная name. Имя пользователь вводит по запросу prompt.
  • Нам нужна дата, поэтому для даты создается переменная d.
  • Мы знаем, что год, месяц и число определяются с помощью d.getЧто-либо(), поэтому создаем переменные для каждого из этих элементов: y, m и d.
  • Видите + 1 после переменной m? Так мы получаем правильный месяц.
  • Для полностью записанной даты, состоящей из числа, месяца и года, также задается переменная с именем t.
  • Команда TITLE создается с помощью трех команд document.write. Таким образом легче всего отделить команды HTML и код JavaScript.
  • Первая команда из трех начинает команду <TITLE>.
  • Второй оператор создает строку текста. Обратите внимание, что выводимый текст помещен в двойные кавычки и отделен от команд, отвечающих за дату, знаками плюс. Не забудьте о пробелах в тексте.
  • Третья команда document.write завершает команду <TITLE>.
  • И все завершает </SCRIPT>.
  • Важно также помнить, что этот сценарий должен идти в документе HTML перед командой BODY, так как TITLE располагается в этом месте.
< Лекция 6 || Лекция 7: 12 || Лекция 8 >
Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Эдуард Семынин
Эдуард Семынин

Здравствуйте.

Перестали быть видны лекции и тесты практикума по программированию на JavaScript. Уже второй день из моего аккаунта виден лишь план занятий. В чем может быть проблема?

 

Alex Chekalov
Alex Chekalov
Украина, Poltava
Виктория Вернер
Виктория Вернер
Украина, Днепропетровск, ДИИТ, 2012