HTML-pedia
Веб-строительство

Сообщество
Веб-потребителей




Что такое JavaScript

JavaScript - простой интерпретируемый язык программирования, разработанный фирмой Netscape. С помощью JavaScript Вы можете легко создавать интерактивные Web-страницы.

Тег <script> предназначен для описания скриптов, позволяющих выполнять разные действия непосредственно на машине пользователя. Располагаются данные скрипты внутри HTML документов.

<script type="text/javascript">
Текст программы
</script>

Также скрипты можно располагать во внешних файлах и связывать их со страницами ссылками.

<script type="text/javascript" src="file.js"></script>

Несколько простых скриптов

Скрипт показывающий дату (день, месяц, год, день недели).

<script type="text/javascript">
var months=new Array(13);
months[1]="января";
months[2]="февраля";
months[3]="марта";
months[4]="апреля";
months[5]="мая";
months[6]="июня";
months[7]="июля";
months[8]="августа";
months[9]="сентября";
months[10]="октября";
months[11]="ноября";
months[12]="декабря";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
var day=time.getDay() + 1;
if (year < 2000)
year = year + 1900;
if(day==1) DayofWeek = "Воскресенье.";
if(day==2) DayofWeek = "Понедельник.";
if(day==3) DayofWeek = "Вторник.";
if(day==4) DayofWeek = "Среда.";
if(day==5) DayofWeek = "Четверг.";
if(day==6) DayofWeek = "Пятница.";
if(day==7) DayofWeek = "Суббота.";
document.write( "<right>"+ date + " ");
document.write(lmonth + " " + year + " "+ "года" + ","+" " + DayofWeek + "<\/right>");
</script>

Результат

Скрипт приветствия (по времени суток).

<script type="text/javascript">
var h=(new Date()).getHours();
if (h > 23 || h < 7) document.write("Доброй ночи!");
if (h > 6 && h < 12) document.write("С добрым утром!");
if (h > 11 && h < 19) document.write("Добрый день!");
if (h > 18 && h < 24) document. write("Добрый вечер!");
</script>

Результат

Скрипт показывающий дату последнего обновления документа.

<script type="text/javascript">
document.writeln(document.lastModified);
</script>

Результат

Дата последнего обновления этой страницы

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

<script type="text/javascript">
d0 = new Date('July 11, 2009');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Сайт «HTML-pedia» существует <B>' + Math.round(dt) + '<\/B>-й день.');
</script>

Результат

Скрипт показывает сколько осталось дней до определенной даты, например, до начала зимних олимпийских игр, которые пройдут в городе Сочи.

<script type="text/javascript">
d0 = new Date('Feb 06, 2014');
d1 = new Date();
dt = (d0.getTime() - d1.getTime()) / (1000*60*60*24);
de = Math.round(dt);
b = de%10;
if (de%100<15)
{
if (de%100>10)
{b=5}}
dn='дней';
switch (b)
{
case 1:
dn='день';
break;
case 2:
dn='дня';
break;
case 3:
dn='дня';
break;
case 4:
dn='дня';
break;
}
document.write("До зимней олимпиады в Сочи осталось "+"<span style='color : red;'><b>"+de+" <\/b><\/span>"+dn)
</script>

Результат

Скрипт определяет разрешение монитора.

<!-- Вставьте эту часть между тегами <head></head> html-страницы -->

<script type="text/javascript">
var height=0;
var width=0;
if (self.screen) {
width = screen.width
height = screen.height
}
else if (self.java) {
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}
</script>

<!-- Вставьте эту часть в нужное место html-страницы -->

<script type="text/javascript">
if (width > 0 && height > 0) { document.writeln('Разрешение вашего монитора: ',width,'x',height)} else { document.writeln('Ваше разрешение не определено')}
</script>

Результат

Скрипт для защиты e-mail от спам-ботов

<script type="text/javascript">
var at='<a hr';
at += 'ef="mailto:kongreen';
at += '@y';
at += 'a.ru">kongreen@y';
at += 'a.ru<\/a>';
document.write(at);
</script>

Результат:

 

Хостинг от uCoz