Главная 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

Вывод текста в том месте, где размещен скрипт

<p style="color:red; text-align:center; ...">
  <script>
    document.write("Любой текст")
  </script>
</p>

4

Меняем HTML-контент

<script> 
function myFunction() {
  document.getElementById("demo").innerHTML = "<b style='color:red'>НОВЫЙ ТЕКСТ!</b>";
}
</script>

<p id="demo">Старый текст</p>
<button type="button" onclick="myFunction()">Изменить текст</button>

Старый текст

5
Вывод диалогового окна "confirm()":
Показывает сообщение и ждёт, пока пользователь нажмёт OK или Отмена. 
<script>
  function home(){  
    if (window.confirm("Перейти на Главную?")) {
      window.open('/', '_parent');
      };
    }   
</script>

<input class="myBut" type="button" onclick="home()" value="на Главную">

Меняем цвет с помощью функции случайного числа - Math.random()

6.1

 

6.2

7

Последнее обновление:20-05-2024