Основы javaScript

javaScript - регистрзависимый язык, большие и маленькие буквы важны!

Создаем переменные с помощь команды var

<script>
var a, b=2, c;
a=3;
alert(a*b);
</script>

Условия if - else if - slse

<script>
var a=20; // Возраст
if (a<18) {alert('Ребенок');}
else if (a>=18 && a<50) {alert('Взрослый');}
else if (a>=50 && a<100) {alert('Пожилой');}
else {alert('Ошибка!');}
</script>

Условия выбор switch

<script>
var a=3;
switch (a)
{
case 1: alert ("Один"); break;
case 2: alert ("Два"); break;
default: alert ("Много!");
}
</script>

Цикл for

<script>
for (var i=1; i<=5; i++)
{
alert (i);
//document.write (i+"<br>");
if (i==3) break; // Прервать если i=3;
}
</script>

Функции function(аргумент) {}

<script>
function my_fun(a)
{
alert('Привет, '+a+'!'); // Привет, Гена
}
my_fun('Гена'); // Вызов функции
</script>

Пример: ЧАСЫ на javaScript

<script>
function showTime()
{
var time = new Date();
var div = document.getElementById("d1");
if (!div)
{
// Такого элемента нет
div = document.createElement("DIV");
div.id = "d1";
document.body.appendChild(div);
divText = document.createTextNode(time.toLocaleTimeString());
div.appendChild(divText);
return;
}
div.firstChild.nodeValue = time.toLocaleTimeString();
}
setInterval("showTime()", 1000);
</script>

Часы с остановкой и запуском показа времени

<script>
function f_start() { // Запускаем таймер
m_clock = setInterval("f_time();", 1000);
i_button_start.style.display="none";
i_button_end.style.display="block";
}
function f_time() { // Считываем текущее время
c_date = new Date();
var m_date = c_date.getHours();
m_date += ((c_date.getMinutes()<10) ? ":0" : ":");
m_date += c_date.getMinutes();
m_date += ((c_date.getSeconds()<10) ? ":0" : ":");
m_date += c_date.getSeconds() + "<BR>";
i_text.innerHTML = m_date;
}
function f_end() { // Останавливаем таймер
clearInterval(m_clock);
i_button_start.style.display="block";
i_button_end.style.display="none";
}
</script>

В BODY

<div id="i_text"></div>
<input type="button" value="Запустить часы" onclick="f_start();">
<input type="button" value="Остановить часы" onclick="f_end();">

Редирект на другую страницу с помощью document.location = "https://www.weblux.ru/";

<script>
document.location = "https://www.weblux.ru/";
</script>

Открытие нового окна с заданными размерами c помощью window.open()

<script>
function openWin(winUrl,winName,winFeatures)
{
var newWin = window.open(winUrl,winName,winFeatures);
newWin.focus();
}
</script>

Ссылка в BODY

<a href="javascript:openWin('https://www.weblux.ru','Win','width=400,height=600,scrollbars=0')">Открыть ссылку в новом окне</a>

Массивы [знач-1, знач-2, знач-3]

<script>
var m_Mass = ["", "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"];
alert(m_Mass[1]);
</script>

Ассоциативные массивы с помощью new Array()

<script>
m_Mass = new Array();
m_Mass["Один"] = 1;
m_Mass["Два"] = 2;
m_Mass["Три"] = 3;
for (m_Name in m_Mass)
{
//document.write(m_Name + " = " + m_Mass[m_Name] + "<BR>"); // Один = 1
alert(m_Name + " = " + m_Mass[m_Name]); // Один = 1
}
</script>

Кнопка уточнить через confirm(): Ок или Отмена

<input type="submit" value="Дальше" onclick='confirm("Дальше?");'>

Генератор случайных чисел от 1 до 10 через Math.random()

<script>
function ran()
{
var m_Var = Math.floor(Math.random()*9.9999); // 1425365 добавляет случайные числа
document.write(m_Var);
}
setInterval("ran()", 1000);
</script>

Получение текущей даты с помощью new Date()

<script>
c_Date = new Date();
document.write(c_Date.toLocaleString()); // 03.08.2016, 0:02:08
</script>