Презентация Объектная модель браузера и документа онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Объектная модель браузера и документа абсолютно бесплатно. Урок-презентация на эту тему содержит всего 35 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:35 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:1.18 MB
- Просмотров:65
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Объектная модель браузера и документа
№2 слайд
Содержание слайда: Объектная модель браузера – это набор связанных между собой объектов, обеспечивающих доступ к содержанию страницы и ряду функций браузера.
Объектная модель браузера – множество объектов, которые создает браузер при загрузке страницы.
В рамках объектной модели браузера существует еще объектная модель документа (Document Object Model – DOM), она отвечает за сам html документ.
№3 слайд
Содержание слайда:
№4 слайд
Содержание слайда: Объекты браузера
№5 слайд
Содержание слайда:
№6 слайд
Содержание слайда: Объект Window
№7 слайд
Содержание слайда: Объект Window (окно)
Является объектом высшего уровня. Создается автоматически при запуске браузера.
При обращении к свойствам и методам окна либо свойствам и методам объектов, расположенных в иерархической структуре ниже объекта window, сам объект Window может не указываться.
№8 слайд
Содержание слайда: При обращении к свойствам и методам окна не требуется явной ссылки на него.
Способы обращения:
явная ссылка: window.alert(“ ”);
неявная ссылка: alert(“ “);
№9 слайд
Содержание слайда: Свойства
defaultStatus – текстовое сообщение, которое по умолчанию выводится в строке состояния окна браузера;
name – заголовок окна, который задается с помощью аргумента windowName метода open();
parent – синоним, используемый для обращения к родительскому окну.
№10 слайд
Содержание слайда: Свойства
self - синоним, используемый для обращения к текущему окну;
status - текст временного сообщения в строке состояния окна браузера;
top - синоним, используемый для обращения к главному окну браузера.
№11 слайд
Содержание слайда: Методы
1. open () - создание окна (открывает новое окно браузера);
Является основным методом объекта window.
Формат:
open ([URL_ документа[, имя_окна[, атрибуты_ окна]]])
№12 слайд
Содержание слайда: - URL_документа - описывает документ, который должен быть отображен в указанном окне.
- имя окна - если данный параметр задает имя текущего окна, то документ с указанным URL заменяет Web-страницу, которая отображается в окне браузера. Если заданное имя не совпадает с именем текущего окна, то браузер открывает новое окно и выводит в нем указанный документ.
№13 слайд
Содержание слайда: - атрибуты_окна — если при вызове метода должно быть открыто новое окно, то его внешний вид может быть определен с помощью приведенных ниже атрибутов.
menubar — строка меню.
toolbar — панель инструментов.
location — панель со строкой Location.
directories — панель с кнопками каталогов.
status — строка состояния.
width — ширина окна в пикселях.
height — высота окна в пикселях.
resizable — разрешение изменять размеры окна.
№14 слайд
Содержание слайда: Все атрибуты должны быть оформлены в виде одной строки и разделяться запятыми. Пробелы между атрибутами недопустимы. Каждый атрибут задается в формате имя=значение (значение атрибута может быть пропущено).
№15 слайд
Содержание слайда: close() — закрывает текущее окно браузера;
alert() — показывает окно предупреждения с сообщением и кнопкой ОК;
prompt() — показывает окно приглашения с сообщением, текстовым полем
и кнопками ОК и Cancel (Отмена);
confirm() — показывает окно подтверждения с сообщением и кнопками ОК и Cancel
(Отмена);
№16 слайд
Содержание слайда: navigate() — загружает другую страницу с указанным адресом;
blur() — убирает фокус с текущей страницы; соответствующее событие — onblur;
focus () — устанавливает страницу в фокус; соответствующее событие — onfocus;
setInterval() — указывает процедуре выполняться периодически через заданное количество миллисекунд;
№17 слайд
Содержание слайда: setTimeout() – запускает программу через заданное количество миллисекунд после загрузки страницы;
Пример: setTimeout('alert("прошла секунда")', 1000)
close () – закрытие окна;
print() – вывод на печать содержимого окна.
№18 слайд
Содержание слайда: Пример
<script type=text/javascript>
function pr(){
print();
}
</script>
<form>
<input type='button' value='Напечатать содержимое данной страницы' onclick='pr()' />
</form>
№19 слайд
Содержание слайда: Пример
win_Example = window.open ("http://www.rambler.ru", "linkWin", "toolbar=no, scrollbars=yes")
windows.close ()
self.close ()
close ()
win_Example.Close ()
№20 слайд
Содержание слайда: Пример
<html>
<body>
<script language="JavaScript">
function opWind() {
var myUrl = "http://narod.ru";
myWin=window.open(myUrl, "wind1", "width=200,height=100,resizable=no,scrollbars=no,menubar=no"); }
</script>
<input type="button" value="Открыть окно" onClick="opWind()">
<input type="button" value="Закрыть окно" onClick="myWin.close()">
</body> </html>
№21 слайд
Содержание слайда: События
№22 слайд
Содержание слайда: Объект Navigator
№23 слайд
Содержание слайда: Объект navigator
Объект navigator представляет ряд свойств браузера.
Свойства:
appName – содержит имя браузера (например, "Microsoft Internet Explorer")
appVersion – содержит информацию о версии браузера.
№24 слайд
Содержание слайда: Объект Location
№25 слайд
Содержание слайда: Объект Location
Связан с текущим URL адресом. Его свойства позволяют получать информацию о host-машине, с которой в данный момент связан браузер.
Для объекта location методы, не определены, также объект связан с какими-либо обработчиками событий.
№26 слайд
Содержание слайда: Свойства:
href — полный URL-адрес в виде строки;
host – имя компьютера в сети Интернет;
pathname — часть адреса URL, описывающая каталог, в котором находится документ;
port — номер порта, который использует сервер;
protocol — начальная часть, определяющая протокол, за которой следует двоеточие, например «http:»;
hostname - содержит имя хоста;
target - соответствует атрибуту target в теге <href>
№27 слайд
Содержание слайда: Объект History
№28 слайд
Содержание слайда: Объект history
Объект history содержит список адресов URL, посещенных в данном сеансе. Объект history связан с текущим документом. Методы этого объекта позволяют загружать в браузер различные ресурсы и обеспечивают навигацию по посещенным ресурсам.
№29 слайд
Содержание слайда: Свойства
current – текущая страница
next – следующая страница
previous – предыдущая страница
length – количество элементов в списке посещенных страниц.
№30 слайд
Содержание слайда: Методы:
back() – загружает предыдущую страницу из списка;
forward() – загружает следующую страницу из списка;
gо() – загружает страницу с относительным номером n из списка (от 0 до history.length-1) или с указанным URL-адресом.
history.go(-3)
№31 слайд
Содержание слайда: Объект Document
№32 слайд
Содержание слайда: Содержит информацию о загруженной странице. Для каждой страницы создается один объект document. Некоторые его свойства соответствуют параметрам тэга body.
Объект document является центральным в иерархической объектной модели и представляет всю информацию о HTML-документе с помощью коллекций и свойств. Он также предоставляет множество методов и событий для работы с документами.
№33 слайд
Содержание слайда:
№34 слайд
Содержание слайда: События
№35 слайд
Содержание слайда: Методы
Скачать все slide презентации Объектная модель браузера и документа одним архивом:
