Информатика и выч. техника \ Информатика

JAVAScript как универсальное средство создания интерактивных Web-страниц, страница 7

prompt([message[,inputDefault]]), где message – сообщение из диалогового окна; inputDefault– значение по умолчанию.

Пример использования диалогового окна Prompt.

<html>

<head>

<script language = javascript>

function test(){

var ans = window.prompt("Введите ваше имя", "");

if (ans = = null){

alert ("Нажали кнопку Отмена");

return;

}

var str = new String(ans);

if(str.length == 0){

alert("Забыли ввести имя");

}

else{

alert("Привет, " + str);

}

}

</script>

</head>

<body>

Для того чтобы протестировать метод

<span  onclick = "test( ) "><i> prompt </i></span>

щелкните на слове, выделенном курсивом

</body>

</html>

3.1.8. Таймер: методы setInterval() и clearInterval()

Метод setInterval() создает таймер, который выполняет код через указанный временной интервал.

Синтаксис:

setInterval(expression,msec[,language]), где expression – выполняемый код; msec – временной интервал в миллисекундах; language – язык, на котором составлен код.

Метод clearInterval() прекращает работу таймера, созданного методом setInterval(), и удаляет его из памяти.

Синтаксис:

clearInterval(intervalID), где intervalID – идентификатор таймера, возвращаемый методом setInterval().

Пример. Электронные часы.

Приводимый ниже код выводит каждую секунду текущее время. Считывание времени производится с помощью методов getHours(), getMinutes(), getSeconds() объекта Date. Запуск работы таймера реализуется при обработке события onload HTML – документа.

<html>

<script>

var tmr;

function timer(){

tmr=setInterval("clock()",1000);

}

function clock(){

var d = new Date();

document.formname.textfield.value = d.getHours()+':'+d.getMinutes()+':'+d.getSeconds();

}

function stop(){

clearInterval(tmr);

}

</script>

<body onload="timer();" onbeforeunload="stop();">

<form name="formname">

<input type="text" name="textfield"

style="font-size:14pt; font-weight:700; width:100">

</form>

</body>

</html>

3.2. Объектlocation    

Объект location содержит информацию о текущем URL.

Свойства объектаlocation

Свойство

Описание

hash

Подстрока, возвращаемая свойством href, которая следует за знаком #

host

Имя хоста, объединенное с портом

hostname

Имя хоста

href

Адрес URL

pathname

Относительный путь к Web – странице

port

Номер порта

protocol

Тип протокола, используемый для доступа к странице

search

Подстрока, возвращаемая свойством href, которая следует за знаком ?. Это строка запроса

Методы объекта location

Метод

Описание

assign()

Устанавливает текущее расположение в URL. Метод загружает в браузер документ с указанным URL в качестве значения параметра метода, если данный документ существует

reload()

Обновляет документ. Если в качестве значения параметра метода используется true, то документ перезагружается с сервера, если false, то из кэша

replace()

Замещает документ на тот, чей адрес URL указан в качестве значения параметра метода. При этом информация о замещенном документе удаляется из объекта history.

Пример. Передача данных форм в другой документ.

Основной документ index.html

<html>

<body>

<form action='01.html'>

<table cellpadding=5 border=0>

<tr>

<td> Name</td><td><input type='text' name='n1'></td>

</tr>

<tr>

<td>Last name</td><td><input type='text' name='n2'></td>

</tr>

<tr>

<td><input type='submit'></td>

</tr>

</table>

Скачать файл