Основы JavaScript

document.write("Hello, world"); // Однострочный комментарий

/*
Многострочный комментарий
*/

JavaScript.

type="text/javascript">
document.write('Welcome ' + name + '');


Script 2.1

document.write("Вы нажали Cancel");
}
else {
document.write("Привет " + m_str1);
}

//Метод prompt()
//-->

m_Str2;

+ typeof (m_Number2) + "
");
document.write("m_String - " + typeof (m_String)

+ "
");
document.write("m_String2 - " + typeof (m_String2) + "
");
document.write("m_Boolean - " + typeof (m_Boolean) + "
");
document.write("m_Str1 - " + typeof (m_Str1) + "
");
document.write("m_Str2 - " + typeof (m_Str2));
//-->

m_Str будет присвоено значение 1

["", "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь",

"Октябрь", "Ноябрь", "Декабрь"];
document.write(m_Mass1[1] + " и " + m_Mass2[2]);
//-->

условию. Есть два варианта синтаксиса:

if (логическое_выражение) оператор;
if (логическое_выражение) оператор_1;

else оператор_2;

if (navigator.javaEnabled())
alert('Ваш браузер поддерживает Java');
else
alert('Ваш браузер НЕ поддерживает Java');

(window.confirm("Hello, world")) {
window.alert("Нажата кнопка OK");
}
else {

window.alert("Нажата кнопка Cancel");
} // Метод confirm()
//-->

if (m_Var1==null) {
document.write("Вы нажали Отмена");
}

else {
if ((parseInt(m_Var1))%2==0) {
document.write("Четное число");
}
else {
document.write("Нечетное число");
}
}
//-->

имеет вид:

for (инициализация_переменных_цикла;
условие_продолжения_цикла;
модификация_переменных_цикла) тело_цикла;

Цикл

for работает следующим образом:

выполняется инициализация_переменных_цикла ;
проверяется условие_продолжения_цикла:
если оно ложно ( false ), цикл закончен,
если же истинно ( true ), то продолжаем далее;
выполняется тело_цикла ;
выполняется модификация_переменных_цикла ;
переходим к пункту 2.

(n=1; n

образом:

while (условие_продолжения_цикла) тело_цикла;

Тело цикла может быть как простым, так и

составным оператором. Составной оператор, как всегда, заключается в фигурные скобки. Рекомендуется и простой оператор заключать в них, чтобы программу можно было легко модифицировать. Условие_продолжения_цикла является логическим выражением. Тело исполняется до тех пор, пока верно логическое условие. Формально, цикл while работает следующим образом:

проверяется условие_продолжения_цикла:
если оно ложно ( false ), цикл закончен,
если же истинно ( true ), то продолжаем далее;
выполняется тело_цикла ;
переходим к пункту 1.

ожидании некоторого события. Пример:

var s='';
while (s.length

менее 6:','');
}
alert('Ваша строка: ' + s + '. Спасибо!');

m_y);
}
//-->

m_Var1=5, m_Var2=3;
m_Var = f_Sum (m_Var1, m_Var2);
document.write(m_Var);
//-->

+ m_y);
}

динамических веб-страниц, способных получать и обрабатывать произвольную информацию. Для этого

необходимо организовать доступ сценария к определенным элементам веб-страницы.
Доступ к различным объектам HTML-документа в языке JavaScript организован в строгом соответствии с иерархией объектов. Каждый объект иерархической структуры имеет свое имя.

и img3. Если вы хотите обратиться к первому рисунку, то

сориентироваться в иерархии объектов и начать с самой ее вершины, объект на веб-странице называется Document. Все изображения на странице представлены как коллекция images. Причем первый рисунок всегда обозначается как images[0], второй как images[1], третий как images[2] и т. д. Иными словами, отсчет объектов в коллекции начинается не с единицы, а с 0.
Таким образом, вы можете получить доступ к первому изображению img1, записав в сценарии JavaScript document.images[0]. Чтобы получить доступ ко второму изображению img2, запишите в сценарии строку document.images[1]. Соответственно для получения доступа к третьему изображению img3 на веб-странице используйте конструкцию document.images[2].

Если вы хотите получить доступ к какому-либо элементу формы, снова

необходимо начать с вершины иерархии объектов. Затем прослеживаете путь к объекту и записываете названия всех объектов, которые
Например, чтобы узнать, какой текст ввел посетитель вашей веб-страницы в поле формы, необходимо обратиться к значению (value) данного поля. Для этого в сценарии JavaScript можно записать строку name= document.forms[0].

//функция
{
document.images[0].src=pic
}






Просмотр

фотографий

href="javascript:myimage('f.jpg')">картинка6
картинка7

функции, управляющие этими переменными.
Переменные класса называются свойствами.
Функции класса называют методами.
Для

использования методов и свойств класса чаще всего необходимо создать экземпляр класса.

([]);
При обращении к свойства используется следующий формат:
.;
При

обращении к свойства используется следующий формат:
<Экземпляр класса>.<имя метода>();
В скобках часто указываются параметры метода.

UTC+0400 2014

c_Date = new Date();
document.write(c_Date.toLocaleString());
// 19 апреля 2014 г. 10:49:09

+= ""; // Преобразуем число в строку

m_Str2 = new String(m_Str);
if (m_Str2.length==1) return ("0" + m_Str2);
else return m_Str2;
}

function f_Year(m_Year) {
m_Year += ""; // Преобразуем число в строку
m_Year2 = new String(m_Year);
return m_Year2.substr(2);
}
//-->

"понедельник", "вторник", "среда",
"четверг", "пятница", "суббота");
m_Month = new Array("января", "февраля",

"марта", "апреля", "мая",
"июня", "июля", "августа", "сентября", "октября", "ноября", "декабря");
m_Date = "Сегодня
" + m_Day[c_Date.getDay()] + " ";
m_Date += c_Date.getDate() + " ";
m_Date += m_Month[c_Date.getMonth()] + " ";
m_Date += c_Date.getFullYear() + " ";
m_Date += c_Date.getHours() + ":";
m_Date += f_Date(c_Date.getMinutes()) + ":";
m_Date += f_Date(c_Date.getSeconds()) + "
";
m_Date += f_Date(c_Date.getDate()) + ".";
m_Date += f_Date(c_Date.getMonth() + 1) + ".";
m_Date += f_Year(c_Date.getFullYear());
document.write(m_Date); //-->

HTML.
Библиотека jQuery помогает легко получать доступ к любому элементу

DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.
Также библиотека jQuery предоставляет удобный API для работы с AJAX.
http://jquery-docs.ru/ русская документация.

элемента с id=”header”
$(“h3″) – получить все элементы

$(“div#content .photo”) – получить все элементы с классом =”photo” которые находятся в элементе div с id=”content”
$(“ul li”) – получить все

элементы из списка

$(“ul li:first”) – получить только первый элемент
• из списка
  
  
  

border-bottom: 1px solid #A7A37E;}
td, th {font-size: 1.3em;
padding: 3px;}
.even {background-color:

#E7F7FF;}

tr:even').addClass('even');});

Product
Cost
Inventory Status
Weight (in lbs.)




Ultra-Glow Hair Spray
$20.00
in stock
.5


Anodyne 3000
$495.00
back order
350


Big Foot Hair Dryer
$55.00
in stock
2


Cat Out of The Hat
$15.00
back order
15

{
$(this).removeClass('highlight');
});
});

= $(this).attr('src');
var preloadImage = new Image();
var imgExt = /(\.\w{3,4}$)/;

preloadImage.src = imgFile.replace(imgExt,'_h$1');

$(this).hover(
function() {
$(this).attr('src', preloadImage.src);
},
function () {
var currentSource=$(this).attr('src');
$(this).attr('src', imgFile);
});
});

7.2

image
var imgPath = $(this).attr('href');
//get reference to old

image
var oldImage = $('#photo img');
//check to see if they're the same image
if (imgPath == oldImage.attr('src')) {
//if they are then you're done
return;
} else {
//remove highglight from previously clicked thumbnail
$('.selected').removeClass('selected');
//add highlight to this thumbnail
$(this).addClass('selected');
//create HTML for new image
var newImage = $('');

//fade out old image and remove from DOM
oldImage.fadeOut(1000,function(){
$(this).remove();
});

//fade in new image
newImage.fadeIn(1000);
}
});

$('#gallery a:eq(0)').click();
});

height="70" alt="Yellow">

height="70" alt="Orange">