4.1 Обекти на браузъра
Както вече знаете, езикът на JavaScript работи вътре в браузъра, така че по няHowъв начин трябва да взаимодейства със същия браузър. За да направите това, браузърът има няколко обекта и функции, които са достъпни от JavaScript.
Първият е an object window
, който описва прозореца на браузъра. Или по-скоро описвах кога браузърите бяха без раздели. Сега обектът window описва текущия раздел на браузъра, в който се зарежда pageта със скрипта.
Второ, това е an object document
този, който отговаря за documentа, показан в раздела. Това може да е малко объркващо. За простота, нека кажем, че documentът е това, което се показва на потребителя, а прозорецът е това, в което се показва този document.
Трето, това е an object console
този, който отговаря за изхода към конзолата на браузъра. Да, браузърите също имат конзола, тя се използва главно за отстраняване на грешки в скрипта и показване на съобщения за грешки. Обикновено можете да го отворите, като натиснете бутона F12 в браузъра си.
Объект window
, е обектът от най-високо ниво за всички обекти на страници. И въпреки че можете директно да пишете имена на обекти document
във console
вашия скрипт, всъщност техните имена window.document
и window.console
.
4.2 Диалози в JavaScript
метод alert().
Освен това an object window
има няколко функции, които са видими за скрипта на pageта. Най-често използваният е alert()
. Позволява ви да покажете диалогов прозорец със съобщение до потребителя. След това скриптът се спира, докато потребителят щракне върху OK.
Пример:
alert("JavaScript is the best!");
метод prompt().
Има и функция, с която можете да помолите потребителя да въведе няHowва стойност - това е prompt()
.
Пример:
var age = prompt("Enter Year of Birth");
метод потвърждение().
Можете да покажете диалогов прозорец с два бутона Ok
- Cancel
попитайте потребителя за няHowво действие.
Пример:
var isOK = confirm("Are you ready");
4.3 събитие onload().
И още един полезен и интересен момент. Прозорецът на браузъра има събитие , което се задейства, когато documentът е напълно зареден. Можете да посочите code, който да се изпълни, след като documentът бъде зареден и показан.
Това може да стане по три начина.
Първо, можете да вградите JavaScript code директно в HTML page като стойност на атрибут:
<body onload="alert('document loaded');">
<img src="big-image.png">
</body>
Второ, можете да вградите JavaScript code просто в HTML page:
<head>
<script>
function load()
{
alert('document loaded');
}
window.onload = load;
</script>
</head>
<body>
<img src="big-image.png">
</body>
Трето, можем да го напишем малко по-кратко, като декларираме анонимна функция:
<head>
<script>
window.onload = function () {
alert('document loaded');
}
</script>
</head>
<body>
<img src="big-image.png">
</body>
4.4 събитие onclick().
И накрая, друго важно събитие (събитие) е event OnClick
. Което се случва на всеки елемент, върху който потребителят е щракнал. Както event OnLoad
може да се задава по различни начини, така ще дадем само най-простия:
<body>
<img src="big-image.png" onclick="alert('user clicked on the image');">
</body>
GO TO FULL VERSION