JavaScript
Урок  5
   
     
Урок 1        Много често използван обект в JavaScript е обектът
Урок 2   window. Той управлява прозорците в браузъра. В 
Урок 3 този урок ще се запознаете с основните му методи.
Урок 4 Ако искате да отворите някаква web-страница в нов 
Урок 6 прозорец трябва да използвате метода:   
Урок 7 window.open(). 
Урок 8 Натиснете бутона за да видите как действа този метод:
 

Ето и JavaScript кода за този бутон: 
<html> 
<head> 
<script language="JavaScript"> 
<!-- hide 
function openWin() { 
myWin= open("heloo.html"); 
} 
// --> 
</script> 
</head> 
<body> 
<form> 
<input type="button" value="Отвори нов прозорец" onClick="openWin()"> 
</form> 
</body> 
</html> 
Както виждате тук може да пропуснете цитирането на обекта window и да запишете направо метода му open(), но понякога може да възникне грешка понеже има обекти с еднакви имена на методите им. Така че препоръчвам да изписвате първо обекта и след това съответния му метод! 
Можете да определите размера на новия прозорец и дали той да има statusbar, toolbar или menubar:  

Тук просто във функцията openWin() сме вмъкнали реда: 
myWin= open("heloo.htm", "displayWindow",  
"width=400,height=300,status=no,toolbar=no, 
menubar=no"); 
Използвания "displayWindow" е името на отворения прозорец . Знаейки го вие може да зададете някакъв друг документ да се зареди в него, например при щракване на хипервръзка: 
<a href="heloo1.html" target="displayWindow"> 

     Използвайте метода window.close(), за да затворите прозорец: 
  
 

Пример                                                                 5.1
<html> 
<head> 
<script language="JavaScript"> 
<!-- hide 

function closeIt() { 
  close(); 
} 

// --> 
</script> 
</head> 
<body bgColor="#00fffff"> 
<center> 

<form> 
<input type=button value="Close it" onClick="closeIt()"> 
</form> 
</center> 
</body> 
</html>

Натисни отгоре и виж!
Пример1
  

     В следващия пример ще видите нещо наистина много впечетляващо- в момента на отваряне на нов прозорец ще се създаде и нов html документ:  

  

Пример                                                                                   5.2
 <html> 
<head> 
<script language="JavaScript"> 
<!-- hide 

function openWin3() { 
  myWin= open("", "displayWindow",  
 "width=500,height=400,status=yes, 
toolbar=yes,menubar=yes"); 

  // open document for further output 
  myWin.document.open(); 
  
  // create document 
  myWin.document.write 
("<html><head><title>On-the-fly"); 
  myWin.document.write 
("</title></head><body>"); 
  myWin.document.write("<center><font size=+3>"); 
  myWin.document.write 
("Този html документ е написан"); 
  myWin.document.write("с помоща на JavaScript!"); 
  myWin.document.write("</font></center>"); 
myWin.document.write("</body></html>"); 

  // close the document - (not the window!) 
  myWin.document.close();  
} 

// --> 
</script> 
</head> 
<body bgColor="red"> 

<form> 
<input type=button value="On-the-fly" onClick="openWin3()"> 
</form> 

</body> 
</html> 
 

Натисни отгоре и виж!
Пример2
  

    Виждате, че във функцията openWin3() oтваряме нов прозорец, но първият аргумент е празен стринг-"".  Това е така понеже  няма готов html доkумент и естествено няма и URL адрес. Чрез променливата myWin имаме достъп до новия прозорец.  
myWin.document.open();-извикваме метода open() на обекта document, той подготвя документа за приемане на входни данни.  
След това с помоща на метода myWin.document.write създаваме новия html документ. 

     В този пример ще видите най-често използваните методи  на обекта window. Повечето от тях вече сте ги срещали:  
 

Пример                                                                                   5.3
<html> 
<head> 
<title> Window Object</title> 

<script language="JavaScript"> 
<!-- hide 

function first() { 
  alert("Здравей " ); 
} 

function second() { 

 confirm("xxx"); 
} 
function thr() { 

 prompt("yyy"); 
} 
defaultStatus="Hello" 
// --> 
</script> 
</head> 
<body bgcolor=red> 

<form > 
<input type="button"   
value="Alert"  onClick="first()"> 

<input type="button"   
value="Confirm"  onClick="second()"> 

<input type="button"   
value="Prompt"  onClick="thr()"> 
</form> 
</body> 
</html> 
 

Натисни отгоре и виж!
Пример3
 
Урок 1 Новото тук е defaultStatus="Hello"-определя текста, 
Урок 2 който ще се появи в status line на браузъра(там където
Урок 3 обикновено се появява съобщение-Document:Done)
Урок 4      В следващия урок ще видите свойствата на 
Урок 6 обекта window- setTimeout() и Status.
Урок 7  
Урок 8   //Choose View-Encoding:Cyrillic from the menu //