objava_javascript_u_html

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Следующая версия 		Предыдущая версия
objava_javascript_u_html [2023/08/13 19:21]
tro создано 		objava_javascript_u_html [2023/12/16 19:11] (текущий)
tro [Ключі запуску скріпта]
Строка 1: Строка 1:
 ====== Обява JavaScript у HTML ====== ====== Обява JavaScript у HTML ======
-В строке+===== В head =====
 <code> <code>
 <!DOCTYPE html> <!DOCTYPE html>
-<html lang="en">+<html>
 <head> <head>
-    <meta charset="UTF-8"> +    <title>My HTML-page</title> 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"> +    <script> 
-    <title>Hello JavaScript</title>+        <!--Твій JavaScript-код тут--> 
 +        console.log("Hello, world"); 
 +    </script>
 </head> </head>
 <body> <body>
-    <h1>Hello! </h1> +    <!-- Вміст сторінки -->
-    <button onclick="alert('you are click me')">Click !</button>+
 </body> </body>
 </html> </html>
- 
-<script> 
-var name = 'Jack' 
-console.log(name) 
-</script> 
 </code> </code>
-В теле+===== В теле =====
 <code> <code>
 <!DOCTYPE html> <!DOCTYPE html>
Строка 30: Строка 26:
 </head> </head>
 <body> <body>
-    <h1>Hello! </h1> 
-    <button onclick="alert('you are click me')">Click !</button> 
 </body> </body>
 </html> </html>
Строка 40: Строка 34:
 </script> </script>
 </code> </code>
-В отдельнм файле+===== В отдельнм файле =====
 <code> <code>
 <!DOCTYPE html> <!DOCTYPE html>
Строка 50: Строка 44:
 </head> </head>
 <body> <body>
-    <h1>Hello! </h1> 
-    <button onclick="alert('you are click me')">Click !</button> 
 </body> </body>
 </html> </html>
  
-<script src="app.js">+ 
 +<script type="module" src="app.js" defer>
  
 </script> </script>
 </code> </code>
 +
 +
 +==== Ключі запуску скріпта ====
 +  * **defer** - вказує браузеру, що скрипт повинен бути виконаний після того, як HTML-документ буде повністю завантажений.
 +  * **type="module"** - особливість модульних скриптів полягає в тому, що вони мають своє внутрішнє області видимості (scope), тобто змінні та функції, визначені у модулі, за замовчуванням не доступні глобально. Це допомагає уникнути конфліктів імен та забезпечити чистоту коду.
 +  * **async** - асінхронне завантаження скрипта. Щоб він завантажувся і не чекав чергу завантажень іньших файлів проекту
  • /sites/data/attic/objava_javascript_u_html.1691954507.txt.gz
  • Последнее изменение: 2023/08/13 19:21
  • — tro