Обекти

Javascript  е обектноориентиран език. Обектите в javascript се описват заедно със свойствата и методите им. Методите на обектите се отнасят до начина на изпълнението на самия обект. Нека да вземем за пример обект от реалния свят, какъвто е прозореца. Методите на обекта прозорец ще бъдат отваряне и затваряне, а свойствата му например ширина и височина.

В javascript нещата не са по-различни. Например ние досега използвахме един обект заедно с метода му в почти всички примери дотук. Това е обекта document заедно с метода му write. И докато в разговорния език можем да обясним обекта със свойствата и методите му като кажем „широкия прозорец се отваря“, в javascript за тази цел се използва разделител точка „.“ (document.write , image.border и т.н.). Сега ще разгледаме по-подробно някои обекти в javascript, за да разберем за какво става дума.

  • Може би най-често срещаният обект в javascript е прозореца на браузъра. Той носи името window. С помощта на javascript можете да го отваряте, затваряте и т.н. Вижте например най-долната лента в прозореца на браузъра. Тя се нарича статус-бар (status bar). В нея се описва моментното състояние на браузъра, като URL на който се намирате в момента и др. Вие можете да променяте информацията в статус-бара с помощта на свойството status на обекта window. Вижте как става това:

<HTML>
<HEAD>
<SCRIPT LANGUAGE=“JavaScript“>
window.status=“statusbar“
</SCRIPT>
<BODY>
</BODY
</HTML>

  • Редът window.status променя стойността на статус-бара. Така например можете да направите надписа в статус бара да бъде заглавието на страницата ви.
  • За разлика от свойствата на обектите, методите описват действията които могат да се извършват с тях. Методи са open, write и т.н. 
  • Да разгледаме метода open на обекта window. Този метод отваря нов прозорец. Синтаксиса му е window.open() , като в скобите се слага URL на адреса който трябва да се отвори с новия прозорец.
  • В следващия пример ще сложим на екрана картинка и при посочване с мишката върху нея ще се отваря нов прозорец с адрес  simm0nka.wordpress.com.

<HTML>
<BODY>
<IMG src=“clickme.jpg“ onMouseover=“window.open (‘simm0nka.wordpress.com)“>
</BODY>
</HTML>

В този случай при настъпването на събитието onMouseover се отваря нов прозорец (виж урок събития).

Ето и някои от най-често срещаните обекти заедно с методите и свойствата им:

ОБЕКТ СВОЙСТВА

МЕТОДИ
document bgColor
image
location
title

write
writeln
open

image

border
height
width
src

  

window

 location
history
frames
name

close
open
prompt
scroll

Вашият коментар