Главная JavaScript Скрипт текущий год/текущая дата

Скрипты на JavaScript

JavaScript — объектно-ориентированный скриптовый язык программирования.

JavaScript часто используется в браузерах, как язык сценариев для придания интерактивности веб-страницам.

Как подключить (добавить) скрипт в html документ?

Для добавления JavaScript-кода на страницу, можно использовать теги <script>...</script>, которые рекомендуется, но не обязательно, помещать внутри контейнера <head>.

Контейнеров <script>...</script> в одном документе может быть сколько угодно.
Атрибут «type='text/javascript'» указывать необязательно, данное значение используется по умолчанию.

Примеры встраивания JavaScript в HTML:

1
Подключение JavaScript, которай нахадится (помещен) в отдельном файле.js: 
<head>
    <script src="http://main.js"></script>
</head>

2
Подключение 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>

3
Вывод диалогового окна "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. Скрипт - Текущий год

в HTML документе
Сейчас
<span style="color:red">
<script>
d = new Date();
year=d.getFullYear();
document.write(year);
</script>
</span>
год.
Результат скрипта

Скрипт - Текущий год

Сейчас   год.

 

2. Скрипт - Текущая Дата

в HTML документе
1 
Сегодня:
<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

Сегодня:

в HTML документе
2 
Сегодня:
<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

Сегодня:

в HTML документе
3 
Сегодня:
<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

Сегодня:

в HTML документе
4 
<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