Основні параметри вікна

Назва Призначення Можливі значення
directories Наявність/відсутність панелі "Ссилки" yes/no
height Висота вікна кількість пікселів
location Наявність/відсутність адресного рядка yes/no
menubar Наявність/відсутність рядка меню yes/no
resizable Можливість/не можливість зміни розмірів віна користувачем yes/no
scrollbars Наявність/відсутність смуг прокрутки віна yes/no
status Наявність/відсутність рядка стану браузера yes/no
toolbar Наявність/відсутність панелей інструментів yes/no
width Ширина вікна кількість пікселів

 

Наприклад, для створення нового вікна браузера в якому буде завантажено файл a.html необхідно:

<script>

myw=window.open("a.html","displayWindow", "width=400,height=300,status=no,toolbar=no,menubar=no")

</script>

При цьому, ширина вікна дорівнює 400 пікселів, висота вікна 300 пікселів, рядок стану вікна, панель інструментів та рядок меню будуть відсутні. Відзначимо, що наведений код необхідно записати в одному рядку.

Для закриття вікна браузера використовується метод close. Наприклад для закриття вікна попереднього прикладу необхідно:

myw.close()

Відзначимо, що при звернення до методів та властивостей вікна браузера в якому знаходиться програма JavaScript імені вікна або ключового слова window можна не вказувати. Наприклад, закрити поточне вікна браузера можливо так:

close()

Цікавим методом об’єкту window є метод setTimeout, за допомогою якого можливо запрограмувати виконання деяких команд після закінчення встановленого терміну часу. Синтаксис методу такий: setTimeout("Код_JavaScript",інтервал_часу)

В якості першого параметру функції setTimeout, як правило використовують функцію. Відзначимо, що цю функцію необхідно визначити на HTML-сторінці до використання функції setTimeout. Другим параметром функції setTimeout є інтервал часу закінчення якого буде сигналом про початок виконання команд JavaScript. Цей параметр задається в мілісекундах. Наприклад, виконання функції myfunction через 3000 мілісекунд після завантаження HTML-сторінки можливо запрограмувати так:

setTimeout("myfunction()",3000)

Досить часто функція setTimeout використовується для створення анімаційних ефектів. Це може бути, наприклад, циклічна зміна кольору тексту, або циклічна заміна одного зображення іншим.

Об’єкт document містить інформацію про завантажену сторінку. Всі елементи HTML-сторінки є властивостями цього об’єкту. Найбільш використовуваним методом об’єкту document є метод write, за допомогою якого можливо зробити запис в HTML-сторінку. Наприклад, для запису рядка "Привіт JavaScript" в документ в якому знаходиться сценарій необхідно:

document.write("Привіт JavaScript")

Ще одним широко вживаним методом цього об’єкту є getElementById, що реалізує доступу до будь-якого об’єкту з визначеним id. Синтаксис методу такий:

document.getElementById(ім’я_id)

Наприклад, встановлення значення стилю display елемента з id=myid рівним block, можливо реалізувати так:

document.getElementById("myid").style.display="block"

Властивості об’єкту location дозволяють одержати інформацію про URL-адресу завантаженої HTML-сторінки. Метод reload дозволяє пере завантажити в браузер поточну HTML-сторінку. Метод replace завантажує в вікно браузера сторінку, адреса якої використана в якості параметру цього методу.

7.6. Контрольні запитання

1. Правила запису функцій?

2. Що таке об’єкт в мові JavaScript?

3. Як визначити об’єкт користувача в JavaScript?

4. Стандартні об’єкти JavaScript?

5. Як реалізована інтерактивність в JavaScript?

6. Стандартні функції JavaScript?

7. Методи та властивості об’єкту Array?

8. Методи та властивості об’єкту Date?

9. Методи та властивості об’єкту Math?

10. Методи та властивості об’єкту String?

11. Методи та властивості об’єкту window?

12. Як за допомогою JavaScript відкрити нове вікно браузеру ?

13. Як за допомогою JavaScript запрограмувати виконання деяких команд після закінчення встановленого терміну часу?

14. Методи та властивості об’єкту document?

15. Методи та властивості об’єкту location?

 









Дата добавления: 2015-08-21; просмотров: 650;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.005 сек.