type – атрибут, задающий тип элемента; значение "radio" обозначает радиокнопку
name – атрибут, задающий имя группе радиокнопок; все радиокнопки, образующие группу, должны иметь одно и то же имя
value – значение, соответствующее данной радиокнопке, тип значения – строка checked – атрибут, обозначающий выбранную радиокнопку
Функции, методы
alert – функция, предназначенная для вывода сообщений в специальное окно сообщений. Вызов: alert(“Сообщение”);
document.write – метод объекта document, выводящий строку текста в окно браузера: document.write(“текст”);
После вывода текста на экран не происходит переход на следующую строку. Если аргумент метода write содержит какой-либо тэг языка HTML, то этот тэг не отображается на экране как текст, а интерпретируется браузером (см. Пример 4 Приложения).
document.writeln – то же, что и document.write, только после завершения вывода текста выполняет переход в начало следующей строки.
parseInt – функция, преобразующая строку текста в целое число: int_num = parseInt(string_variable);
parseFloat – функция, преобразующая строку текста в вещественное число: float_num = parseInt(string_variable);
Операторы JavaScript
Условный оператор if
if (<условие>) <действие 1> ;
else
<действие 2> ;
Примеры скриптов
Пример 1 Простейший скрипт
<HTML>
<HEAD>
<TITLE>Пример 1</TITLE> <SCRIPT language=”JavaScript”>
function privet()
{
alert("Всем привет!");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name=”form1”>
Хотите передать привет? <HR>
Нажмите кнопку
<INPUT type="button" value="Передать привет" OnClick=privet()> </FORM>
</BODY>
</HTML>
Пример 2 Использование глобальной переменной в скрипте
<HTML>
<HEAD>
<TITLE>Пример 2</TITLE> <SCRIPT language=”JavaScript”>
var Slovo = "большой"; function privet()
{
alert("Всем "+Slovo+" привет!");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name=”form1”>
Хотите передать привет? <HR>
Нажмите кнопку
<INPUT type="button" value="Передать привет" OnClick=privet()> </FORM>
</BODY>
</HTML>
Пример 3 Функция с параметром
<HTML>
<HEAD>
<TITLE>Пример 3</TITLE> <SCRIPT language=”JavaScript”>
function privet(Slovo)
{
alert("Всем "+Slovo.value+" привет!");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name=”form1”>
Хотите передать привет? <HR>
<INPUT type="text" name=”stroka”>
Нажмите кнопку
<INPUT type="button" value="Передать привет" OnClick=privet(form1.stroka)> </FORM>
</BODY>
</HTML>
Пример 4 Использование метода document.write
Ещё один вариант функции privet() – результат выводится в окно браузера function privet(Slovo)
{
document.write("<H2 align=center>Приветствие</H2>"); document.write("Всем "+Slovo.value+" привет!"); document.write("<HR width=80%>");
}
Пример 5 Функция для определения значения, соответствующего выбранной радиокнопки
function getValue(radioObject)
{
var value=null;
for(var i=0; i<radioObject.length; i++)
{
if (radioObject[i].checked)
{
value=radioObject[i].value;
break;
}
}
return value;
}
Здесь radioObject – массив объектов - радиокнопок. Объект – радиокнопка имеет значение, хранящееся в свойстве value, тип значения – строка. Свойство checked обозначает выбранную радиокнопку и имеет логический тип (значение true соответствует выбраной радиокнопке).