2015-10-22
369
Результат такой же, что и в прошлом уроке: открылось окно того же размера с теми же двумя ссылками. Разница в том, что все это было написано на одной странице.
Разбор сценария
Главная часть сценария, содержащая функцию, помещается между тегами <HEAD> и </HEAD>, как большинство функций.
По обычной схеме для функции задается имя openindex(). Затем следуют фигурные скобки. Теперь подходим к основному моменту. Создаем переменную OpenWindow, под которой скрывается команда window.open(). Она выглядит следующим образом:
var OpenWindow=window.open("", "newwin", "height=300,width=300");Формат знакомый. Единственная разница в том, что не указан URL. Видите пустые парные кавычки? Они говорят браузеру, что он должен искать в сценарии информацию о новом окне, — точно так же, как и в случае отсутствия URL в команде, которая закрывает окно. Оно бы не закрылось, если бы начала загружаться новая страница. То же самое и тут. Браузер стал бы загружать новую страницу, а не выполнять сценарий.
Теперь начинаем создавать страницу HTML, которая будет в новом окне. Вот первая строка текста:
|
|
|
Команда говорит, что строка текста должна быть записана в документ переменной OpenWindow (новое окно).
Посмотрите на сценарий. Каждая новая строка следует той же схеме. Можно написать сотню строк, создающих законченную страницу. Наш сценарий совсем небольшой, так как это учебный пример.
Помните: когда вы пишете HTML внутри команды document.write, вместо двойных кавычек с подкомандами ставьте одинарные. Иначе будет ошибка.
Наконец обработчик событий onLoad в команде BODY вызывает функцию.
Задание
Написать функцию, которая открывает окно. Документ, который появится в окне должен иметь зеленый фон и заголовок TITLE: "Привет, "имя пользователя", вот твое окно!" Имя пользователя можно узнать с помощью запроса (prompt). Разумеется, добавьте еще ссылку, которая закроет окно.
Возможное решение
Сценарий можно взять прямо из сегодняшнего урока и внести несколько изменений:
в начале функции добавить команду prompt; разбить команду TITLE на три части и внести в нее переменную name; цвет фона поменять на зеленый.
Вот готовый сценарий:
<SCRIPT type="text/javascript"> function openindex(){ var name=prompt("Как вас зовут?","Напишите здесь") var OpenWindow=window.open("", "newwin", "height=300,width=300,status=yes"); OpenWindow.document.write("<HTML>")OpenWindow.document.write("<TITLE>")OpenWindow.document.write("Привет, " +name+ "! Вот ваше окно!")OpenWindow.document.write("</TITLE>")OpenWindow.document.write("<BODY BGCOLOR='green'>")OpenWindow.document.write("<CENTER>")OpenWindow.document.write("<h2>Новое окно</h2>")OpenWindow.document.write("<a href='' onClick='self.close()'> Эта ссылка закроет окно</a>")OpenWindow.document.write("</CENTER>")OpenWindow.document.write("</BODY>")OpenWindow.document.write("</HTML>")}</SCRIPT> <body bgcolor="xxxxxx" onLoad="openindex()">13. Урок: Метод 'Confirm' (Введение в IF и ELSE)
|
|
|
Основы логического разветвления сценариев.
Концепция
Команда confirm (подтвердить) действует очень похоже на метод alert, но добавляет в диалоговое окно кнопку "Отмена" (Cancel). И то, и другое — методы.
Одна команда сама по себе многого не дает. Нет никакой разницы, что вы выбираете — "ОК" или "ОТМЕНА". Но стоит добавить функции IF (если) и ELSE (иначе), и можно создать интересные эффекты.
Сценарий
Прежде всего посмотрим на базовый формат:
<SCRIPT type="text/javascript"> confirm("Уверены, что хотите войти?") </SCRIPT>Выглядит знакомо. То же самое, что и alert, кроме слова confirm. Как видите, сценарий делает не очень много. Но вот та же команда с некоторыми добавлениями:
<SCRIPT type="text/javascript"> if (confirm("Уверены, что хотите посетить INTUIT?")) {parent.location='http://www.intuit.ru/';alert("Счастливого пути");} else{alert("Tогда оставайтесь");} </SCRIPT>
