1
чилка HTML
 
Скрипты

 

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

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

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

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

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

Пример 1
Скрипт, выводит модальное окно с классической надписью
«Привет, МИР!» внутри браузера:

    <script type="application/javascript">
      alert('Привет, МИР!');
    </script>

Пример 2
Вывод диалогового окна "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>

Результат примера 2: на Главную >>>

Пример 3
Подключение JavaScript, которай нахадится (помещен) в отдельном файле:

    <head>
      <script type="text/javascript" src="http://Путь_к_файлу_со_скриптом">
      </script>
    </head>

 


Простые скрипты

 

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

    Вид на Web-странице:Пишем в документе на HTML:

     

    Сейчас   год.
    Сейчас <font color="#e60000"> <!-- Год --> <script language=JavaScript> <!-- d = new Date(); year=d.getFullYear(); document.write(year); // --> </script> <!-- конец Год --> </font> год.

     

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

    Вид на Web-странице:Пишем в документе на HTML:

    Вариант 1

    Сегодня:
    Вариант 2

    Сегодня:
    Вариант 3

    Сегодня:
    Вариант 1 Сегодня: <script type="text/javascript"><!-- 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> Вариант 2 Сегодня: <script type="text/javascript"><!-- 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> Вариант 3 Сегодня: <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 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 + " "+ "года" + "<br>(" + DayofWeek + ")<\/center>"); //--></script>

     

  3. Скрипт - Последние обновление сайта.

    Вид на Web-странице: Пишем в документе на HTML:

    Вариант 1.

    Последние
    обновление сайта:

    Вариант 1. Последние обновление сайта: <script language="JavaScript"> document.writeln(document.lastModified); </script>

    Вариант 2.

    Последнее обновление:
    Вариант 2. <script language="JavaScript"> var ld = new Date(document.lastModified); document.write ("Последнее обновление: " + ld.toLocaleDateString()); </script>
    Дата обновления устанавливается в момент загрузки (перезагрузки) Вашей страницы на сервер.

     

  4. Скрипт - Добавить в избранное (ссылка).

    Вид на Web-странице:Пишем в документе на HTML:

    Добавить в избранное
    <a href="#" onClick="window.external.addFavorite ('http://АДРЕС ТВОЕГО САЙТА/', 'НАЗВАНИЕ ТВОЕГО САЙТА'); return false;"> Добавить в избранное</a>
    При нажатии мышкой на ссылку "Добавить в избранное" текущая страница будет добавлена в "Избранное" пользавателя.

     

  5. Скрипт - Сколько дней сайту.

    Вид на Web-странице:Пишем в документе на HTML:

    <SCRIPT language=JavaScript> <!-- d0 = new Date('May 28, 2008'); d1 = new Date(); dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); document.write('Этому сайту ' + Math.round(dt) + '-й день'); --> </SCRIPT>
    Дата создания сайта указывается в переменной d0=new Date (дата создания).

     

  6. Скрипт - Сколько лет фирме.

    Вид на Web-странице:Пишем в документе на HTML:

    Нашей фирме лет!
    Нашей фирме <font color="red"> <script type="text/javascript"> var d = new Date(); document.write([d.getFullYear()-2012]); </script> </font> лет!
    2012 — год появления (образования) фирмы.

     

     

  7. Скрипт - Закрыть окно (вкладку) с разрешения пользователя.

    Вид на Web-странице: Пишем в документе на HTML:

     

    Стандартная кнопка:

     

    Простая ссылка:
    Закрыть окно

    Графическая кнопка <a href="javascript:self.window.close();"> <img src="images.gif" border=0> </a> Стандартная кнопка <input type="button" value="Закрыть!" onclick="closeIt()"> <script language="JavaScript"> <!-- function closeIt() {close();} // --></script> Простая ссылка: <a href="javascript:close()" title="Закрыть">Закрыть окно</a>
    При нажатии мышкой на рисунок с "крестиком" появляется "окно"
    с вопросом: Закрыть окно? или (Хотите закрыть эту вкладку?)

     

  8. Скрипт для команд «Вперед» и «Назад».

    Вид на Web-странице:Пишем в документе на HTML:

    ссылка - Вперед
    или кнопка


    ссылка - Назад
    или кнопка

    <a href="javascript:history.forward()" title="Вперед">Вперед</a> или <input type="button" value="Forward" onClick="history.go(1);" /> <a href="javascript:history.back()" title="Назад">Назад</a> или <input type="button" value="Back" onClick="history.go(-1);" />

     

     

  9. Скрипт - Как узнать название браузера?

    Вид на Web-странице:Пишем в документе на HTML:

     

    <script language="JavaScript"> <!-- browserName=navigator.appName; browserVer=parseInt(navigator.appVersion); document.write(browserName); document.write(" "+browserVer); //--> </script>

     

  10. Скрипт - Сколько дней до Нового года.

    Вид на Web-странице:Пишем в документе на HTML:

     

    <script language="JavaScript"> <!-- function daysLeftNewYear() { today = new Date() //Можно установить любую дату nextDate = new Date("January 1, 2018") //Количество миллисекунд в одном дне msPerDay = 24*60*60*1000; //Высчитываем количество дней daysLeft = Math.round((nextDate.getTime() - today.getTime())/msPerDay); dayname="" ds=""+daysLeft //Вырезаем последнею цифру dd=parseInt(ds.substr(ds.length-1)) //Определяем правильность написания if(daysLeft>4&&daysLeft<21)dayname=" дней" else if(dd==1)dayname=" день" else if(dd==2||dd==3||dd==4)dayname=" дня" else dayname=" дней" //Выводим надпись в документ document.write("До Нового года осталось <br>" +daysLeft+dayname+"!!!"); } //--> </script> <script language="JavaScript"> <!-- //Вызываем функцию daysLeftNewYear() //--> </script>

     

  11. Скрипт - Сколько дней до ЧМ по футболу-2018.

    Вид на Web-странице:Пишем в документе на HTML:
    Чемпионат мира
    по футболу 2018

    21-й чемпионат мира
    по футболу ФИФА
    пройдёт в России
    с 14 июня по 15 июля 2018 г.

     


     


     

    <script type="text/javascript"> <!-- function datSobytie() { today = new Date() //Можно установить любую дату nextDate = new Date("Jun 08, 2018") //Количество миллисекунд в одном дне msPerDay = 24*60*60*1000; //Высчитываем количество дней daysLeft = Math.round((nextDate.getTime() - today.getTime())/msPerDay); //Высчитываем количество лет и дней colgg = Math.floor(daysLeft / 365); coldd = (daysLeft - colgg*365); ggyname = ""; dayname = ""; ds = ""+coldd; ggds = ""+colgg; //Вырезаем последнею цифру года и дня gg=parseInt(ggds.substr(ggds.length-1)); dd=parseInt(ds.substr(ds.length-1)); //Склоняем слово ДЕНЬ if(dd>4&&dd<21)dayname=" дней" else if(dd==1)dayname=" день" else if(dd==2||dd==3||dd==4) dayname=" дня" else dayname=" дней" //Склоняем слово ГОД if(gg>4&&gg<21)ggyname=" лет" else if(gg==1)ggyname=" год" else if(gg==2||gg==3||gg==4) ggyname=" года" else ggyname=" лет" //Выводим надпись в документ if(colgg<0) document.write("ЧМ по футболу <br><b>закончился!</b>") else if(gg==0) document.write("До ЧМ по футболу <br> осталось <span style='color:red;'>" +coldd+"</span> "+dayname+"!") else document.write("До ЧМ по футболу <br> осталось <span style='color:red;'>" +colgg+"</span> "+ggyname+" и " +coldd+dayname+"!") } // --> </script> <!-- Вызываем функцию --> <script type="text/javascript"> datSobytie() </script>

     

  12. Скрипт - Отключение правой кнопки мышки

    Вид на Web-странице:Пишем в документе на HTML:

     

    Демонстрация скрипта
    (в новом окне)

     

     

     

     

     

     

     

     

     

    Запрет
    копирования картинки



    Попробуйте
    скопировать картинку.
    <script language="JavaScript"> <!-- var message="Правая кнопка отключена!"; // Здесь введите свою надпись, // которая появится в окне предупреждения function click(e) { if (document.all) { if (event.button == 2) { // Чтобы отключить левую кнопку поставьте цифру 1 alert(message); return false; } } if (document.layers) { if (e.which == 3) { alert(message); return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; //--> </script> Конструкция против копирования картинки: <img src="pic.gif" oncontextmenu="return false" ondragstart="return false">

     

  13. См. Скрипт - Включение правой кнопки мышки >>>

     

  14. Скрипт - Печать страницы сайта

    Вид на Web-странице:Пишем в документе на HTML:

     

      Печать
    <a onclick="print()" href="#"><img src="print.gif">Печать</a> Если надо, чтобы часть текста на странице не печаталась, то пишем: <style type="text/css" media="print"> div.no_print {display: none; } </style> <div class="no_print"> текст не для печати </div>

     

  15. Скрипт - Создание Таблицы

    Вид на Web-странице:Пишем в документе на HTML:

    <script type="text/javascript"> <!-- document.write ('<table width="100%" border="1" id=tab2>'); for (i=1; i<6; i++) { document.writeln("<tr>"); for (j=1; j<6; j++) document.write("<td>" + i + j + "<\/td>"); document.writeln("<\/tr>"); } document.write ("<\/table> "); --> </script>

 

 

 

 

 

 


Copyright © Москва
Училка HTML: сайт  u4ilka.kcbux.ru