ПОЛЕЗНЫЕ СОВЕТЫ JAVASCRIPT + CSS
ПОЛЕЗНЫЕ СОВЕТЫ JAVASCRIPT + CSS
ПОЛЕЗНЫЕ СОВЕТЫ JAVASCRIPT + CSS
abs Абсолютное значение аргумента
<script language="JavaScript">
document.writeln(Math.abs(-10.2));
value = 15.6;
document.writeln(Math.abs(value));
</script>
acos Арккосинус
<script language="JavaScript">
document.writeln(Math.acos(-0.5),"<br>");
document.writeln(Math.acos(1),"<br>");
document.writeln(Math.acos(2));
</script>
alert Вывод на экран окна с сообщением
<script language="JavaScript">
alert("Пример использования метода alert");
</script>
anchor Вывод ссылки
<script language="JavaScript">
anchorStr = "Web Design";
document.writeln(anchorStr.anchor("web_design"));
</script>
asin Арксинус
<script language="JavaScript">
document.writeln(Math.asin(-0.5),"<br>");
document.writeln(Math.asin(1),"<br>");
document.writeln(Math.asin(2));
</script>
atan Арктангенс
<script language="JavaScript">
document.writeln(Math.atan(-0.5),"<br>");
document.writeln(Math.atan(1),"<br>");
document.writeln(Math.atan(5));
</script>
back Результат аналогичен кнопке Back браузера
<p class="pmain"><a href=# onClick="script:history.back();">Нажмите
здесь, чтоб вернуться на предыдущую страницу</a>.</p>
big Вывод строки крупным шрифтом как в теге <BIG>
<script language="JavaScript">
str = "Это крупный текст";
document.writeln(str.big() + "... а это мелкий");
</script>
blink Вывод строки с мерцанием как в теге <blink>
<script language="JavaScript">
var str = "Это мерцающий текст";
document.writeln(str.blink() + "... а это нормальный");
</script>
blur Удаляет фокус из указанного элемента формы
<input tуре=text name="input_box" onClick="script:this.blur();">
bold Вывод строки жирным шрифтом как в теге <bold>
<script language="JavaScript">
var str = "Это жирный текст";
document.writeln(str.bold() + "... а это нормальный");
</script>
ceil Возвращает целое число (округление в большую сторону)
<script language="JavaScript">
document.writeln(Math.ceil(-1.35) + "<br>");
document.writeln(Math.ceil(2.6) + "<br>");
document.writeln(Math.ceil(8.0));
</script>
charAt Возвращает символ из строки
<script language="JavaScript">
var str = "abcde";
document.writeln(str.charAt(0));
document.writeln(str.charAt(1));
document.writeln(str.charAt(10));
</script>
clear Очищает окно браузера
document.clear();
clearTimeout Сбрасывает таймер
clearTimeout(myTimer);
click Действие как при нажатии правой кнопки мыши
formName.elementName.click();
forms[index].elements[index].click();
close Закрытие текущего потока данных или закрытие окна браузера
document.close();
window.close();
[windowName.]close();
confirm Открывает диалоговое окно
if (confirm('Хотите перейти на сайт design.originweb.info ?'))
{ newWindow = window.open("http://design.originweb.info") };
cos Возвращает косинус
<script language="JavaScript">
document.writeln(Math.cos(-0.5),"<br>");
document.writeln(Math.cos(2),"<br>");
document.writeln(Math.cos(5));
</script>
escape Возвращает ASCII-код своего аргумента
<script language="JavaScript">
document.write(escape("To be, or not to be?"));
</script>
eval Выполнение строки как код JavaScript
<script language="JavaScript">
var
x = 2;
document.write(eval("Math.exp(x)"));
</script>
exp Возвращает экспоненту аргумента
<script language="JavaScript">
document.write(Math.exp(3));
</script>
Свойства в JavaScript
action Атрибут action формы
Возвращает значение атрибута ACTION тега HTML <FORM> Вызывается следующим
образом (либо по имени формы, либо по ее порядковому номеру):
document.formName.action;
document.forms[index].action
alinkColor Цвет активной гипертекстовой ссылки
Устанавливает цвет активной гипертекстовой ссылки на текущей странице. Вызывается:
document.alinkColor. Свойство alinkColor записывается в шестнадцатеричной форме
в формате RGB или строкой являющейся предустановленным именем цвета. Это свойство
не может быть изменено после загрузки документа HTML.
Установим темно красный цвет активных ссылок:
document.alinkColor="darkred";
anchors Массив ссылок в текущем документе
Дает доступ к списку всех якорей в текущем документе. Вызывается: document.anchors[index],
где index - порядковый номер якоря в документе. Первому элементу соответствует
index=0.
appCodeName Возвращает кодовое имя браузера
Возвращает строку с кодовым именем броузера. Свойство только для чтения. Вызывается:
navigator.appCodeName
<script language="JavaScript">
document.write("Ваш броузер: " + navigator.appCodeName + ".");
</script>
appName Возвращает название браузера
Возвращает строку с именем броузера. Свойство только для чтения. Вызывается:
navigator.appName
<script language="JavaScript">
document.write("Ваш броузер: " + navigator.appName + ".");
</script>
appVersion Возвращает версию браузера
Возвращает строку с версией броузера. Свойство только для чтения. Вызывается:
navigator.appName
<script language="JavaScript">
document.write("Версия: " + navigator.appVersion + ".");
</script>
bgColor Устанавливает цвет фона документа
Устанавливает цвет фона текущего документа. Вызывается: document.bgColor. Свойство
bgColor записывается в шестнадцатеричной форме в формате RGB или строкой являющейся
предустановленным именем цвета.
<html>
<div onClick="script:document.bgColor='red';">Красный
фон</div>
<div onClick="script:document.bgColor='green';">Зеленый фон</div>
<div onClick="script:document.bgColor='yellow';">Желтый фон</div>
</html>
checked Возвращает текущее значение флажка или переключателя
Возвращает текущее значение флажка или переключателя. Вызывается
formName.checkboxName.checked
formName.radioButtonName[index].checked
forms[index].elements[index].checked
Возвращается значение true или false в зависимости от того, установлен или
нет флажок.
<form name="myForm">
<input type="checkbox" name="checkbox1" onClick="script:myForm.textbox1.value
= myForm.checkbox1.checked">
<input type="input" name="textbox1">
<br>
<input type="checkbox" name="checkbox2" onClick="script:myForm.textbox2.value
= myForm.checkbox2.checked">
<inpu type="input" name="textbox2">
</form>
cookie Возвращает содержимое файла cookie.txt
Вызывается
document.cookie
document.cookie = "string";
defaultChecked Возвращает состояние флажка по умолчанию
Вызывается
formName.elementName.defaultChecked
forms[index].elements[index].defaultChecked
Возвращается значение true или false в зависимости от того, установлен или
нет флажок по умолчанию. Значение не меняется при смене статуса флажка пользователем.
Пример использования свойства defaultChecked
В текстовом боксе устанавливается значение defaultChecked для флажка. Скрипт:
myForm.textbox1.value = myForm.checkbox1.defaultChecked;
myForm.textbox2.value = myForm.checkbox2.defaultChecked;
И форма, обрабатывающаяся скриптом:
<form name="myForm">
<input type="checkbox" name="checkbox1" checked>
<input type="input" name="textbox1">
<br>
<input type="checkbox" name="checkbox2">
<inpu type="input" name="textbox2">
</form>
defaultSelected Возвращает состояние тега <select> по умолчанию
Вызывается
formName.elementName.defaultSelected
forms[index].elements[index].defaultSelected
Возвращается значение true или false в зависимости от того, выбрана или нет
опция. Значение не меняется при смене статуса флажка пользователем.
Пример использования свойства defaultSelected
Проверим выбранные по умолчанию опции тега <select>. Скрипт:
<script language="JavaScript">
document.write("Is option #1 selected? " + myForm.mySelect.options[0].defaultSelected
+ "<br>");
document.write("Is option #2 selected? " + myForm.mySelect.options[1].defaultSelected
+ "<br>");
document.write("Is option #3 selected? " + myForm.mySelect.options[2].defaultSelected);
</script>
И форма, обрабатывающаяся скриптом:
<form name="myForm">
<select name=mySelect>
<option>Пункт 1</option>
<option selected>Пункт 2</option>
<option>Пункт 3</option>
</select>
</form>
defaultStatus Устанавливает текст, выводимый в строке статуса
Вызывается
[windowName.]defaultStatus
Возвращается значение true или false в зависимости от того, выбрана или нет
опция. Значение не меняется при смене статуса флажка пользователем.
window.defaultStatus = "Описание свойства defaultStatus";
defaultValue Возвращает первоначальное значение свойства value элементов
формы
Вызывается
formName.elementName.defaultValue
forms[index].elements[index].defaultValue
Действует со всеми элементами формы, поддерживающими свойство value за исключением
элемента password (в целях безопасности возвращается null).
Пример использования свойства defaultValue
При потере фокуса в текстовом поле устанавливается текст по умолчанию.
<form name="myForm">
<input type=input value="Текст" onBlur="script:this.value
= this.defaultValue">
</form>
E Основание натуральных логарифмов
Возвращает основание натуральных логарифмов. Вызывается
Math.E
<script language="JavaScript">
document.write(Math.E);
</script>
encoding Возвращает строку с типом кодирования MIME.
Вызывается
formName.encoding
forms[index].encoding
Тип кодирования MIME устанавливается в атрибуте enctype тега <FORM>.
Объекты JavaScript
anchors Массив с именами ссылок
Возвращает массив с информацией о якорях в документе.
Вызывается [windowMame].document.anchors(index).
Объект anchors array (только для чтения) устанавливается в тегах HTML <А
NAME>:
<A [HREF=URL] NAME="anchor name" [TARGET=""windowName"]
>Текст якоря/ссылки</А>
Включение в тег значения для атрибута HREF делает якорь также и гиперссылкой
и добавляет ее к массиву links. Новые якоря можно определить в JavaScript с
помощью метода anchor. Для определения количества элементов массива anchors
в документе используйте свойство length (document.anchors.length).
Примечание: Выражение document.anchor[index] возвращает null. Например, document.anchor[0]
возвращает null, несмотря на то, что существует якорь, созданный с помощью тега
<А NАМЕ="veb_dez">Veb Dezign</А>.
Пример использования объекта anchors array
document.writeln(document.anchors.length)
button Доступ к кнопке (например, в форме).
Вызывается следующим образом:
formName.buttonName;
forms(index].elements[index];
Пример использования объекта button
Создаем кнопку myButton и описываем событие при нажатии на нее (выводится окно
с сообщением "Close me!", а при его закрытии надпись на кнопке меняется
на "Thank you!"):
function show_alert()
{
alert("Hello World!")
document.all("myButton").value = "Thank you!" }
Сама кнопка описывается следующим образом:
<input type="button" value="Click me!" name="myButton"
onClick="show_alert()" />
checkbox Доступ к переключателю (например, в форме)
Вызывается следующим образом:
formName.checkboxName;
forms[index].elements[index]
Доступ к переключателю (например, в форме). Вызывается следующим образом:
Пример использования метода checkbox
Создаем чекбокс myCheckBox и описываем событие при нажатии на него (выводится
окно с сообщением о статусе флажка):
function show_alert()
{
if (myCheckBox.checked)
{
alert("Флажок установлен"); }
else
{
alert("Флажок не установлен")
}
}
Сам чекбокс описывается следующим образом:
<input type="checkbox" name="myCheckBox" onClick="show_alert()"
/> Кликни меня!
Date Методы этого объекта возвращают значение текущей даты и времени
Вызывается следующим образом:
date = new Date()
date = new Date("month day, year, hours:minutes:seconds")
Номер дня в месяце (число) начинается с 1, все остальные значения с 0 (день
недели, месяц и т.д.)
Пример использования объекта Date
Определим текущую дату:
date = new Date();
current_date = "Сегодня: " + date.getDate() + "." + date.getMonth()
+ "." + date.getYear()
document.write(current_date)
document Доступ к главному объекту окна браузера
Является вершиной иерархического дерева объектов, предоставляющих доступ к содержимому
документа. Доступ к методам и свойствам осуществляется следующим образом:
document.PropertyOrMethod
document.ObjectName.PropertyOrMethod
Пример использования объекта document
Самый простой пример - это вывод строчки в окно браузера:
document.write("Привет мир!!!")
elements Массив элементов формы
Массив элементов формы в порядке их появления в текущем документе.
Вызывается следующим образом:
fоrmName.elements[index]
forms[index].elements[index]
Доступ к элементам формы осуществляется либо через имя формы (fоrmName), либо
по номеру формы (forms) в текущем документе. Первому элементу соответствует
индекс 0. Число элементов формы доступно через свойство length.
Пример использования метода elements
Создаем форму MyForm с двумя чекбоксами и кнопкой:
<form name="MyForm">
<input type="checkbox"/> Первый элемент
<input type="checkbox" checked/> Второй элемент
<input type="button" value="Кнопка"/>
</form>
Выглядеть она будет примерно вот так:
Первый элемент
Второй элемент
Пишем обработчик на JavaScript, определяющий число элементов и их значения
(для чек боксов статус флажка, для кнопки - надпись).
document.write("Число элементов: "+MyForm.length+"<br />");
document.write("Первый элемент: "+MyForm.elements[0].checked+"<br
/>");
document.write("Второй элемент: "+MyForm.elements[1].checked+"<br
/>");
document.write("Третий элемент: "+MyForm.elements[2].value);
