🗊Презентация Объектная модель браузера и документа

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Объектная модель браузера и документа, слайд №1Объектная модель браузера и документа, слайд №2Объектная модель браузера и документа, слайд №3Объектная модель браузера и документа, слайд №4Объектная модель браузера и документа, слайд №5Объектная модель браузера и документа, слайд №6Объектная модель браузера и документа, слайд №7Объектная модель браузера и документа, слайд №8Объектная модель браузера и документа, слайд №9Объектная модель браузера и документа, слайд №10Объектная модель браузера и документа, слайд №11Объектная модель браузера и документа, слайд №12Объектная модель браузера и документа, слайд №13Объектная модель браузера и документа, слайд №14Объектная модель браузера и документа, слайд №15Объектная модель браузера и документа, слайд №16Объектная модель браузера и документа, слайд №17Объектная модель браузера и документа, слайд №18Объектная модель браузера и документа, слайд №19Объектная модель браузера и документа, слайд №20Объектная модель браузера и документа, слайд №21Объектная модель браузера и документа, слайд №22Объектная модель браузера и документа, слайд №23Объектная модель браузера и документа, слайд №24Объектная модель браузера и документа, слайд №25Объектная модель браузера и документа, слайд №26Объектная модель браузера и документа, слайд №27Объектная модель браузера и документа, слайд №28Объектная модель браузера и документа, слайд №29Объектная модель браузера и документа, слайд №30Объектная модель браузера и документа, слайд №31Объектная модель браузера и документа, слайд №32Объектная модель браузера и документа, слайд №33Объектная модель браузера и документа, слайд №34Объектная модель браузера и документа, слайд №35
Скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Объектная модель браузера и документа. Доклад-сообщение содержит 35 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Объектная модель браузера и документа
Описание слайда:
Объектная модель браузера и документа

Слайд 2


Объектная модель браузера – это набор связанных между собой объектов, обеспечивающих доступ к содержанию страницы и ряду функций браузера. Объектная модель браузера – множество объектов, которые создает браузер при загрузке страницы. В рамках объектной модели браузера существует еще объектная модель документа (Document Object Model – DOM), она отвечает за сам html документ.
Описание слайда:
Объектная модель браузера – это набор связанных между собой объектов, обеспечивающих доступ к содержанию страницы и ряду функций браузера. Объектная модель браузера – множество объектов, которые создает браузер при загрузке страницы. В рамках объектной модели браузера существует еще объектная модель документа (Document Object Model – DOM), она отвечает за сам html документ.

Слайд 3


Объектная модель браузера и документа, слайд №3
Описание слайда:

Слайд 4


Объекты браузера
Описание слайда:
Объекты браузера

Слайд 5


Объектная модель браузера и документа, слайд №5
Описание слайда:

Слайд 6


Объект Window
Описание слайда:
Объект Window

Слайд 7


Объект Window (окно) Является объектом высшего уровня. Создается автоматически при запуске браузера. При обращении к свойствам и методам окна либо свойствам и методам объектов, расположенных в иерархической структуре ниже объекта window, сам объект Window может не указываться.
Описание слайда:
Объект Window (окно) Является объектом высшего уровня. Создается автоматически при запуске браузера. При обращении к свойствам и методам окна либо свойствам и методам объектов, расположенных в иерархической структуре ниже объекта window, сам объект Window может не указываться.

Слайд 8


При обращении к свойствам и методам окна не требуется явной ссылки на него. Способы обращения: явная ссылка: window.alert(“ ”); неявная ссылка: alert(“ “);
Описание слайда:
При обращении к свойствам и методам окна не требуется явной ссылки на него. Способы обращения: явная ссылка: window.alert(“ ”); неявная ссылка: alert(“ “);

Слайд 9


Свойства defaultStatus – текстовое сообщение, которое по умолчанию выводится в строке состояния окна браузера; name – заголовок окна, который задается с помощью аргумента windowName метода open(); parent – синоним, используемый для обращения к родительскому окну.
Описание слайда:
Свойства defaultStatus – текстовое сообщение, которое по умолчанию выводится в строке состояния окна браузера; name – заголовок окна, который задается с помощью аргумента windowName метода open(); parent – синоним, используемый для обращения к родительскому окну.

Слайд 10


Свойства self - синоним, используемый для обращения к текущему окну; status - текст временного сообщения в строке состояния окна браузера; top - синоним, используемый для обращения к главному окну браузера.
Описание слайда:
Свойства self - синоним, используемый для обращения к текущему окну; status - текст временного сообщения в строке состояния окна браузера; top - синоним, используемый для обращения к главному окну браузера.

Слайд 11


Методы 1. open () - создание окна (открывает новое окно браузера);  Является основным методом объекта window. Формат: open ([URL_ документа[, имя_окна[, атрибуты_ окна]]])
Описание слайда:
Методы 1. open () - создание окна (открывает новое окно браузера);  Является основным методом объекта window. Формат: open ([URL_ документа[, имя_окна[, атрибуты_ окна]]])

Слайд 12


- URL_документа - описывает документ, который должен быть отображен в указанном окне. - имя окна - если данный параметр задает имя текущего окна, то документ с указанным URL заменяет Web-страницу, которая отображается в окне браузера. Если заданное имя не совпадает с именем текущего окна, то браузер открывает новое окно и выводит в нем указанный документ.
Описание слайда:
- URL_документа - описывает документ, который должен быть отображен в указанном окне. - имя окна - если данный параметр задает имя текущего окна, то документ с указанным URL заменяет Web-страницу, которая отображается в окне браузера. Если заданное имя не совпадает с именем текущего окна, то браузер открывает новое окно и выводит в нем указанный документ.

Слайд 13


- атрибуты_окна — если при вызове метода должно быть открыто новое окно, то его внешний вид может быть определен с помощью приведенных ниже атрибутов. menubar — строка меню. toolbar — панель инструментов. location — панель со строкой Location. directories — панель с кнопками каталогов. status — строка состояния. width — ширина окна в пикселях. height — высота окна в пикселях. resizable — разрешение изменять размеры окна.
Описание слайда:
- атрибуты_окна — если при вызове метода должно быть открыто новое окно, то его внешний вид может быть определен с помощью приведенных ниже атрибутов. menubar — строка меню. toolbar — панель инструментов. location — панель со строкой Location. directories — панель с кнопками каталогов. status — строка состояния. width — ширина окна в пикселях. height — высота окна в пикселях. resizable — разрешение изменять размеры окна.

Слайд 14


Все атрибуты должны быть оформлены в виде одной строки и разделяться запятыми. Пробелы между атрибутами недопустимы. Каждый атрибут задается в формате имя=значение (значение атрибута может быть пропущено).
Описание слайда:
Все атрибуты должны быть оформлены в виде одной строки и разделяться запятыми. Пробелы между атрибутами недопустимы. Каждый атрибут задается в формате имя=значение (значение атрибута может быть пропущено).

Слайд 15


close() — закрывает текущее окно браузера; alert() — показывает окно предупреждения с сообщением и кнопкой ОК; prompt() — показывает окно приглашения с сообщением, текстовым полем и кнопками ОК и Cancel (Отмена); confirm() — показывает окно подтверждения с сообщением и кнопками ОК и Cancel (Отмена);
Описание слайда:
close() — закрывает текущее окно браузера; alert() — показывает окно предупреждения с сообщением и кнопкой ОК; prompt() — показывает окно приглашения с сообщением, текстовым полем и кнопками ОК и Cancel (Отмена); confirm() — показывает окно подтверждения с сообщением и кнопками ОК и Cancel (Отмена);

Слайд 16


navigate() — загружает другую страницу с указанным адресом; blur() — убирает фокус с текущей страницы; соответствующее событие — onblur; focus () — устанавливает страницу в фокус; соответствующее событие — onfocus; setInterval() — указывает процедуре выполняться периодически через заданное количество миллисекунд;
Описание слайда:
navigate() — загружает другую страницу с указанным адресом; blur() — убирает фокус с текущей страницы; соответствующее событие — onblur; focus () — устанавливает страницу в фокус; соответствующее событие — onfocus; setInterval() — указывает процедуре выполняться периодически через заданное количество миллисекунд;

Слайд 17


setTimeout() – запускает программу через заданное количество миллисекунд после загрузки страницы; Пример: setTimeout('alert("прошла секунда")', 1000) close () – закрытие окна; print() – вывод на печать содержимого окна.
Описание слайда:
setTimeout() – запускает программу через заданное количество миллисекунд после загрузки страницы; Пример: setTimeout('alert("прошла секунда")', 1000) close () – закрытие окна; print() – вывод на печать содержимого окна.

Слайд 18


Пример <script type=text/javascript> function pr(){ print(); } </script> <form> <input type='button' value='Напечатать содержимое данной страницы' onclick='pr()' /> </form>
Описание слайда:
Пример <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 ()
Описание слайда:
Пример 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>
Описание слайда:
Пример <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
Описание слайда:
Объект Navigator

Слайд 23


Объект navigator Объект navigator представляет ряд свойств браузера. Свойства: appName – содержит имя браузера (например, "Microsoft Internet Explorer") appVersion – содержит информацию о версии браузера.
Описание слайда:
Объект navigator Объект navigator представляет ряд свойств браузера. Свойства: appName – содержит имя браузера (например, "Microsoft Internet Explorer") appVersion – содержит информацию о версии браузера.

Слайд 24


Объект Location
Описание слайда:
Объект Location

Слайд 25


Объект Location Связан с текущим URL адресом. Его свойства позволяют получать информацию о host-машине, с которой в данный момент связан браузер. Для объекта location методы, не определены, также объект связан с какими-либо обработчиками событий.
Описание слайда:
Объект Location Связан с текущим URL адресом. Его свойства позволяют получать информацию о host-машине, с которой в данный момент связан браузер. Для объекта location методы, не определены, также объект связан с какими-либо обработчиками событий.

Слайд 26


Свойства: href — полный URL-адрес в виде строки; host – имя компьютера в сети Интернет; pathname — часть адреса URL, описывающая каталог, в котором находится документ; port — номер порта, который использует сервер; protocol — начальная часть, определяющая протокол, за которой следует двое­точие, например «http:»; hostname - содержит имя хоста; target - соответствует атрибуту target в теге <href>
Описание слайда:
Свойства: href — полный URL-адрес в виде строки; host – имя компьютера в сети Интернет; pathname — часть адреса URL, описывающая каталог, в котором находится документ; port — номер порта, который использует сервер; protocol — начальная часть, определяющая протокол, за которой следует двое­точие, например «http:»; hostname - содержит имя хоста; target - соответствует атрибуту target в теге <href>

Слайд 27


Объект History
Описание слайда:
Объект History

Слайд 28


Объект history Объект history содержит список адресов URL, посещенных в данном сеансе. Объект history связан с текущим документом. Методы этого объекта позволяют загружать в браузер различные ресурсы и обеспечивают навигацию по посещенным ресурсам.
Описание слайда:
Объект history Объект history содержит список адресов URL, посещенных в данном сеансе. Объект history связан с текущим документом. Методы этого объекта позволяют загружать в браузер различные ресурсы и обеспечивают навигацию по посещенным ресурсам.

Слайд 29


Свойства current – текущая страница next – следующая страница previous – предыдущая страница length – количество элементов в списке посещенных страниц.
Описание слайда:
Свойства current – текущая страница next – следующая страница previous – предыдущая страница length – количество элементов в списке посещенных страниц.

Слайд 30


Методы: back() – загружает предыдущую страницу из списка; forward() – загружает следующую страницу из списка; gо() – загружает страницу с относительным номером n из списка (от 0 до history.length-1) или с указанным URL-адресом. history.go(-3)
Описание слайда:
Методы: back() – загружает предыдущую страницу из списка; forward() – загружает следующую страницу из списка; gо() – загружает страницу с относительным номером n из списка (от 0 до history.length-1) или с указанным URL-адресом. history.go(-3)

Слайд 31


Объект Document
Описание слайда:
Объект Document

Слайд 32


Содержит информацию о загруженной странице. Для каждой страницы создается один объект document. Некоторые его свойства соответствуют параметрам тэга body. Объект document является центральным в иерархической объектной модели и представляет всю информацию о HTML-документе с помощью коллекций и свойств. Он также предоставляет множество методов и событий для работы с документами.
Описание слайда:
Содержит информацию о загруженной странице. Для каждой страницы создается один объект document. Некоторые его свойства соответствуют параметрам тэга body. Объект document является центральным в иерархической объектной модели и представляет всю информацию о HTML-документе с помощью коллекций и свойств. Он также предоставляет множество методов и событий для работы с документами.

Слайд 33


Объектная модель браузера и документа, слайд №33
Описание слайда:

Слайд 34


События
Описание слайда:
События

Слайд 35


Методы
Описание слайда:
Методы

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию