- •Методические указания по выполнению лабораторных работ
- •Задание
- •Часть вторая
- •Задание
- •Часть третья
- •Задание
- •Часть четвертая
- •Рассморим скрипт
- •Задание
- •Лабораторная работа № 2
- •Разбор скрипта
- •Задание
- •Команды и эффекты
- •Задание
- •Лабораторная работа № 3
- •Рассмотрим скрипт.
- •Разбор скрипта
- •События onMouseOut и onUnload
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 4
- •Разбор скрипта
- •Продолжаем рассматривать работу с окнами. Скрипт
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 5
- •Часть 1
- •Разбор скрипта
- •Часть 2
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание № 1
- •Задание № 2
- •Задание № 3
- •Лабораторная работа № 6
- •Скрипт:
- •Разбор скрипта
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание по первой части
- •Задание по второй части
- •Задание по третьей части
- •Начало формы
- •Конец формы
- •Часть вторая
- •Разбор скрипта
- •Часть третья
- •Разбор скрипта
- •Часть четвертая
- •Разбор скрипта
- •Случайное число
- •Лабораторная работа № 8
- •Разбор скрипта
- •Часть вторая
- •Разбор скрипта
- •Задания Задание к первой части
- •Задание ко второй части
Продолжаем рассматривать работу с окнами. Скрипт
<SCRIPT LANGUAGE="JavaScript"> function openindex() { var OpenWindow=window.open("", "newwin", "height=300,width=300"); OpenWindow.document.write("<HTML>") OpenWindow.document.write("<TITLE>Новое окно</TITLE>") OpenWindow.document.write("<BODY BGCOLOR='white'>") OpenWindow.document.write("<CENTER>") OpenWindow.document.write("<font size=+1>Новое окно</font><P>") OpenWindow.document.write("<a href= 'http://jsp.newmail.ru' target='main window'> Эта ссылка<BR>откроется в главном окне</a><p>") OpenWindow.document.write("<P><HR><P>") OpenWindow.document.write("<a href='' onClick='self.close()'> Эта закроет окно</a><p>") OpenWindow.document.write("</CENTER>") OpenWindow.document.write("</HTML>") self.name="main window" } </SCRIPT>
...и в строке BODY:
onLoad="openindex()"
Помните, текст в скобках должен находиться на одной строке.
Разбор скрипта
Главная часть скрипта, содержащая функцию, помещается между командами <HEAD> и </HEAD>, как большинство функций.
По самой обычной схеме функция получает имя openindex(). Теперь подходим к основному моменту. Создаем переменную OpenWindow, под которой скрывается команда window.open(). Вот так:
var OpenWindow=window.open("", "newwin", "height=300,width=300');
Смотрите описание выше. Единственная разница в том, что вы не указываете URL. Пустые парные кавычки говорят браузеру, что он должен искать информацию о новом окне. То же самое, что и не ставить URL в ссылку, которая закрывает окно. Оно бы не закрылось, если бы начала загружаться новая страница. Точно так же и тут. Браузер стал бы загружать новую страницу, а не выполнять скрипт.
Теперь начинаем писать страницу HTML, которая будет внутри нового окна. Вот первая строка текста:
OpenWindow.document.write("<HTML>")
Переменная OpenWindow (то есть новое окно) говорит, что этот текст должен быть вписан в документ.
Каждая новая строка следует той же схеме. Можно написать сотню строк, создающих законченную страницу. Скрипт совсем небольшой, так как это наглядное пособие.
Помните: когда вы пишете HTML внутри команды document.write, вместо двойных кавычек с подкомандами ставьте одинарные.
Наконец командой onLoad в строке BODY запускается функция.
Задание
1) Напишите скрипт, который откроет новое окно со всеми характеристиками. Пусть оно будет размером 250 на 300 пикселей и с двумя ссылками:
Одна откроет новую страницу в главном окне.
Вторая откроет новую страницу в том же окне.
Страница, которая откроется в том же маленьком окне, должна содержать ссылку, закрывающую окно.
<SCRIPT LANGUAGE="javascript">
window.open ('opened2.htm', 'newwin', config='height=250,width=300,toolbar=no,menubar=yes,scrollbars=no,resizable=no,location=no,status=no')
</SCRIPT>
2) Необходимо написать функцию, которая открыла бы окно с зеленым фоном и приветствием: «Привет, имя пользователя, вот твое окно!» Имя пользователя можно узнать с помощью запроса. Разумеется, допишите еще ссылку, которая закроет окно.
<SCRIPT LANGUAGE="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()">