Что такое JavaScript

Автор: | 10.04.2014

JAVASCRIPTSЧто такое 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>

Результат

10 февраля 2014 года, Понедельник.

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

<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>

Результат

Дата последнего обновления этой страницы 02/10/2014 18:04:31

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

<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>

Результат

Сайт «HTML-pedia» существует 1676-й день.

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

<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>

Результат

До зимней олимпиады в Сочи осталось -5 дней

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

<!— Вставьте эту часть между тегами <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>

Результат

Разрешение вашего монитора: 1280×720

Скрипт для защиты 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>

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Ответить * Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.