Различия

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

--- software:development:web:docs:web:javascript:javascript [2026/01/10 17:32] – VladPolskiy
+++ software:development:web:docs:web:javascript:javascript [2026/01/10 18:07] (текущий) – [Что умеет JavaScript?] VladPolskiy
@@ Строка 5: / Строка 5: @@
 JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам((**Веб-страни́ца** (англ. Web page) — документ или информационный ресурс //Всемирной паутины//, доступ к которому осуществляется с помощью веб-браузера. Происходит от англ. web — паутина, сеть. Сеть не является Интернетом, она лишь использует Интернет как среду передачи информации и данных..)).
-===== JavaScript Примеры =====
+===== Что умеет JavaScript? =====
 Примеры использования JavaScript кода для доступа к объектам и управления ими.
+===Мой Первый JavaScript===
+<code html index.html>
 <html>
 <body>
-<h2>Мой Первый JavaScript</h2>
 <button type="button"
 onclick="document.getElementById('demo_time').innerHTML = Date()">
-Нажмите на меня, чтобы отобразить дату и время.</button>
+Нажмите, чтобы отобразить дату и время.</button>
 <p id="demo_time"></p>
 </body>
 </html>
+</code>
 <html>
-    <body>
+<body>
+<button type="button"
-        <h1>JavaScript может изменять содержимое HTML.</h1>
+onclick="document.getElementById('demo_time').innerHTML = Date()">
+Нажмите, чтобы отобразить дату и время.</button>
-        <p id="demo">Изменить этот текст?</p>
+<p id="demo_time"></p>
+</body>
-        <button type="button" onclick='document.getElementById("demo").innerHTML = "Текст успешно изменен!"'>Изменить?</button>
+</html>
+=== JavaScript может изменять содержимое HTML. ===
+<code html index.html>
+<html>
+<body>
+<p id="demo">Изменить этот текст?</p>
+<button type="button" onclick='document.getElementById("demo").innerHTML = "Текст успешно изменен!"'>Изменить?</button>
 </body>
 </html>
+</code>
 <html>
 <body>
+<p id="demo">Изменить этот текст?</p>
+<button type="button" onclick='document.getElementById("demo").innerHTML = "Текст успешно изменен!"'>Изменить?</button>
+</body>
+</html>
-<h1>JavaScript может изменять стиль HTML элемента.</h1>
+=== JavaScript может изменять стиль HTML элемента.</h3> ===
+<code html index.html>
+<html>
+<body>
 <p id="demo_style">Изменить размер шрифта</p>
 <button type="button" onclick="document.getElementById('demo_style').style.fontSize='25px'">Шрифт 25px</button>
 <button type="button" onclick="document.getElementById('demo_style').style.fontSize='10px'">Шрифт 10px</button>
 </body>
 </html>
+</code>
 <html>
 <body>
+<p id="demo_style">Изменить размер шрифта</p>
+<button type="button" onclick="document.getElementById('demo_style').style.fontSize='25px'">Шрифт 25px</button>
+<button type="button" onclick="document.getElementById('demo_style').style.fontSize='10px'">Шрифт 10px</button>
+</body>
+</html>
-<h1>JavaScript может изменять значения атрибутов HTML.</h1>
+=== JavaScript может открыть новое окно. ===
+<code html index.html>
+<html>
-<p>В этом случае JavaScript изменяет значение атрибута src (source) изображения.</p>
+<body>
+<p>Click Нажмите кнопку, чтобы открыть новое окно с некоторыми характеристиками</p>
-<button onclick="document.getElementById('my_link').innerHTML ='http://yahoo.com'">google</button>
+<button onclick="myFunction()">Открыть окно?</button>
+<script>
-<id="my_link" href="http://google.com">
+function myFunction() {
+  var myWindow = window.open("https://google.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
-<button onclick="document.getElementById('my_link').innerHTML ='http://yahoo.com'">yahoo</button>
+}
-linkHTML = '<a href="https://www.google.com" target="_blank">Поиск в Google</a>'
+</script>
-// Устанавливаем атрибуты
-link.href = 'https://www.example.com'; // Адрес ссылки
-link.textContent = 'Перейти на Example.com'; // Текст ссылки
-window.open('https://www.google.com', '_blank');
 </body>
 </html>
+</code>
 <html>
 <body>
+<p>Click Нажмите кнопку, чтобы открыть новое окно с некоторыми характеристиками</p>
+<button onclick="myFunction()">Открыть окно?</button>
+<script>
+function myFunction() {
+  var myWindow = window.open("https://google.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
+}
+</script>
+</body>
+</html>
-<h1>JavaScript может скрыть HTML элементы.</h1>
+=== JavaScript может скрыть HTML элементы. ===
+<code html index.html>
-<p id="demo_none">Скрыть/отобразить этот текст?.</p>
+<html>
+<body>
+<p id="demo_none">Скрыть/отобразить этот текст?</p>
 <button type="button" onclick="document.getElementById('demo_none').style.display='none'">Скрыть</button>
 <button type="button" onclick="document.getElementById('demo_none').style.display='block'">Отобразить</button>
+</body>
+</html>
+</code>
+<html>
+<body>
+<p id="demo_none">Скрыть/отобразить этот текст?</p>
+<button type="button" onclick="document.getElementById('demo_none').style.display='none'">Скрыть</button>
+<button type="button" onclick="document.getElementById('demo_none').style.display='block'">Отобразить</button>
 </body>
 </html>
+===== Куда вставить JavaScript =====