Скрипты на JavaScript
JavaScript — объектно-ориентированный скриптовый язык программирования.JavaScript часто используется в браузерах, как язык сценариев для придания интерактивности веб-страницам.
Как подключить (добавить) скрипт в html документ?
Для добавления JavaScript-кода на страницу, можно использовать теги <script>...</script>, которые рекомендуется, но не обязательно, помещать внутри контейнера <head>.Контейнеров <script>...</script> в одном документе может быть сколько
угодно.
Атрибут «type='text/javascript'» указывать необязательно, данное значение
используется по умолчанию.
Примеры встраивания JavaScript в HTML:
Подключение JavaScript, которай нахадится (помещен) в отдельном файле.js:
<head> <script src="http://main.js"></script> </head>
Подключение JavaScript, которай нахадится в теле страницы <body>...</body>.
Скрипт выводит модальное окно (метод "alert()") с сообщением. Посетитель не сможет продолжить работу, пока не нажмет на кнопку "ОК" в модальном окне.
<body> <script> function first () { alert("Привет, МИР!"); alert("Ура! Первый скрипт заработал!"); } </script> <input type="button" onclick="first()" value="Запустить скрипт"> <input type="button" onclick="alert(new Date());" value="Показать дату"> </body>
Вывод диалогового окна "alert()":
<script> window.onload = function() { var linkWithAlert = document.getElementById("alert_Link"); linkWithAlert.onclick = function() { return confirm('Передти на Главную страницу сайта?'); };}; </script> <a href="index.html" id="alert_Link">на Главную </a>
Простые скрипты - часть 1
1. Скрипт - Текущий год
Сейчас <span style="color:red"> <script> d = new Date(); year=d.getFullYear(); document.write(year); </script> </span> год.
Скрипт - Текущий год
Сейчас год.
2. Скрипт - Текущая Дата
Сегодня: <script> var date = new Date(); var d = date.getDate(); var day = (d < 10) ? '0' + d : d; var m = date.getMonth() + 1; var month = (m < 10) ? '0' + m : m; var yy = date.getYear(); var year = (yy < 1000) ? yy + 1900 : yy; document.write(day + "." + month + "." + year +" г."); </script>
Скрипт - Текущая Дата
1
Сегодня:
Сегодня: <script> function makeArray() { for (i = 0; i < makeArray.arguments.length; i++) this[i + 1] = makeArray.arguments[i]; } var months = new makeArray('Января', 'Февраля', 'Матрта', 'Апреля', 'Мая', 'Июня', 'Июля', 'Августа', 'Сентября', 'Октября', 'Ноября', 'Декабря'); var date = new Date(); var day = date.getDate(); var month = date.getMonth() + 1; var yy = date.getYear(); var year = (yy < 1000) ? yy + 1900 : yy; document.write(day + " "+ months[month] +" "+ year); </script>
Скрипт - Текущая Дата
2
Сегодня:
Сегодня: <script> 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 thismonth=months[time.getMonth()+1]; var date=time.getDate(); var thisyear=time.getYear(); var day=time.getDay() + 1; if (thisyear < 2000) thisyear = thisyear + 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( "<center>"+ date + " "); document.write(thismonth + " " + thisyear + " " + "года" + "(" + DayofWeek + ")</center>"); </script>
Скрипт - Текущая Дата
3
Сегодня:<script> function greetingDate() { d = new Date(); hour = d.getHours(); if (hour >= 5 && hour < 12) greeting = "Доброе утро"; else { if (hour >= 12 && hour < 18) greeting = "Добрый день"; else { if (hour >= 18 && hour < 24) greeting = "Добрый вечер"; else { if (hour >= 0 && hour < 5) greeting = "Доброй ночи"; }}}; var day = new Array("Воскресенье", "Понедельник", "Вторник","Среда", "Четверг", "Пятница", "Суббота"); var month = new Array("января", "февраля", "марта", "апреля", "мая", "июня","июля", "августа", "сентября", "октября", "ноября", "декабря"); var str = (greeting +"!" +"
Сегодня " +" " + day[d.getDay()] +"
" + d.getDate() +" " + month[d getMonth()] +" " + d.getFullYear() +" г."); document.write (str); } </script> <script>greetingDate();</script>
Скрипт - Текущая Дата
4