Файл: Лабораторная работа 6 По дисциплине Web разработка Объектная модель JavaScrypt Выполнили студент.docx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 02.12.2023
Просмотров: 13
Скачиваний: 2
Абзац 2 Привет, стример. Это я, твой единственный зритель.
МИНИСТЕРСТВО ЦИФРОВОГО РАЗВИТИЯ СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РОССИЙСКОЙ ФЕДЕРАЦИИ
Федеральное государственное образовательное учреждение высшего образования
«Санкт-Петербургский государственный университет телекоммуникаций им. проф. М. А. Бонч-Бруевича»
Лабораторная работа № 6
По дисциплине
«Web - разработка»
«Объектная модель JavaScrypt»
Выполнили студент:
Новоселов Виталий Андреевич
Группа:
ИКПИ-04
Преподаватель:
Краева Е.В.
Санкт-Петербург
2022
Постановка задачи
https://docs.google.com/document/d/1hTI4tGT3EkbYSmj-rzPUzq1CwM8b13-U/edit
Описание разделов
Код файла bom_name.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>1 Объектная модель JavaScripttitle>
<script language = "JavaScript">
console.log("Начало работы");
document.write("Объектная модель JavaScript
\/>");
document.write ("Дата последнего изменения: " + document.lastModified);
function consolText() {
alert("Начало работы");
}
function verBrauzer() {
document.write("Официальное имя браузера: "+navigator.appName+"
\/>Версия браузера: "+navigator.appVersion+"
\/>Кодовое имя браузера: "+navigator.appCodeName+"
\/>Информация о платформе: "+navigator.platform);
}
function dopOkno() {
let name = window.prompt("Введите имя пользователя");
window.alert("Ваше имя: "+name);
}
function ScreenOptions() {
let opt_s = window.confirm("Ширина экрана: "+screen.width+"
\/>Высота экрана: "+screen.height+"
\/>Глубина цвета с учетом служебных элементов окна: "+screen.colorDepth+"
\/>Высота экрана с учетом служебных элементов окна: "+screen.availHeight);
alert(opt_s);
if(opt_s) {
document.write("Ширина экрана: "+screen.width+"
\/>Высота экрана: "+screen.height+"
\/>Глубина цвета с учетом служебных элементов окна: "+screen.colorDepth+"
\/>Высота экрана с учетом служебных элементов окна: "+screen.availHeight);
}
}
function izm() {
console.log("Читай текст!");
}
function izm2() {
console.log("Продолжение работы");
}
script>
<style>
.kursor_text {border: 4px double black; background: purple; padding: 10px; color: white; margin-top: 500px;}
style>
head>
<body>
<div align = "right">
<form>
<INPUT type = "button" value = "Window" OnClick = consolText()>
form>
<form>
<INPUT type = "button" value = "Navigator" OnClick = verBrauzer()>
form>
<form>
<INPUT type = "button" value = "Location" OnClick = dopOkno()>
form>
<form>
<INPUT type = "button" value = "Screen" OnClick = ScreenOptions()>
form>
div>
<h1 onMouseOver = izm() onMouseOut = izm2() class = "kursor_text">Текстh1>
body>
html>
Работа кода файла bom_name.html
Код файла dom_name.html
html>
onmouseleave="this.style.color='black'">Заголовок
onmouseleave="this.style.font=''">Абзац 1 Привет, стример. Это я, твой единственный зритель.
На протяжении многих лет я создавал иллюзию того, что твои стримы смотрят много людей.
Но это был я. Сейчас напишу это сообщение со всех аккаунтов.
На протяжении многих лет я создавал иллюзию того, что твои стримы смотрят много людей.
Но это был я. Сейчас напишу это сообщение со всех аккаунтов.
onmouseleave="this.style.background=''">Абзац 3 Привет, стример. Это я, твой единственный зритель.
На протяжении многих лет я создавал иллюзию того, что твои стримы смотрят много людей.
Но это был я. Сейчас напишу это сообщение со всех аккаунтов.