SEO продвижение сайтов

Основы javaScript

Основы 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>

Добавить комментарий


Защитный код
Обновить

Web-технологии

Событие в JavaScript

Событие в JavaScript - это определённое действие, которые вызвано либо пользователем, либо браузером.

Например:

События мыши:

  • click – происходит, когда кликнули на элемент левой кнопкой мыши (на устройствах с сенсорными экранами оно происходит при касании).
  • contextmenu – происходит, когда кликнули на элемент правой кнопкой мыши.
  • mouseover / mouseout – когда мышь наводится на / покидает элемент.
  • mousedown / mouseup – когда нажали / отжали кнопку мыши на элементе.
  • mousemove – при движении мыши.

События на элементах управления:

  • submit – пользователь отправил форму
  • focus – пользователь фокусируется на элементе, например нажимает на <input type="text" />.
Подробнее...

Универсальный обход по массиву

Предлагаю вашему вниманию PHP-код - универсальный обходчик любого массива с любым представлением. Используем две функции: 1) функция с циклом (метод ArrFor() в классе) и 2) функция (как аргумент) с оформлением результатов обхода по массиву в цикле.

Подробнее...

JavaScript - основы (ES6)

ECMAScript 6 (или ES6) - это новая версия JavaScript 2015г, в которую добавлен новый функционал, которая на сегодня поддерживается всеми современными браузерами.

Переменные и комментарии

JavaScript - не строго типизированный язык. Переменные обозначаются так:

	let name='Геннадий'//Строка
	console.log(name)  //Геннадий - отображается в консоли

	var age=40      //Число(без кавычек) VAR (глобальная) - устарело, не использовать!
	console.log(age)//40 - отображается в консоли

	const prof="Программист"//Это константа
	console.log(prof)//Программист - отображается в консоли

	// - это однострочный комментарий

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

Подробнее...
Интересные статьи

Диалектические противоречия или чего хотят современные женщины

Диалектические противоречия или чего хотят современные женщины

Современная женщина, независимо от доходов и статуса, выбирает мужчину для отношений, который должен обладать определенными чертами характера. Именно наличие этих естественных черт характера у мужчины определяют его как достойного для создания пары.

Многие женщины, живущие в современном мире, традиционно имеют как минимум два взаимоисключающих убеждения в отношении взаимодействия с мужчинами для создания такого союза.

Подробнее...

Почему мужчинам опасно регистрировать брак в России

Почему мужчинам опасно регистрировать брак в России

Сразу хочу сообщить, что я не оголтелый женоненавистник или противник семейных ценностей. Я как раз наоборот - замечательно и с почтением отношусь к прекрасным дамам и являюсь сторонником традиционных семейных ценностей.

Но при этом категорически настаиваю, что официально регистрировать брак в нашей стране для мужчин катастрофически опасно и вот почему...

Подробнее...

День Победы со слезами на глазах...

День Победы со слезами на глазах...

Дорогие друзья, вот и прошёл пожалуй самый светлый праздник для нашей страны, для нашего народа - ДЕНЬ ПОБЕДЫ - 9 мая.

Но, как именно прошёл праздник 75-летия ПОБЕДЫ в этом году, я хочу напомнить сегодня, спустя 4 дня от празднования исторической даты.

У меня такое ощущение, как будто никто не заметил, что ПОЛИЦАИ по всей стране в этот день задерживали, арестовывали и штрафовали именно за память о Победе, за возложение цветов к памятникам нашим павшим героям.

Подробнее...

Оставить заявку

Закрыть
Заполните фрму и отправьте нам заяку
Заполните все обязательные поля*
captcha
Перезагрузить