|
|
Ето и 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> |
|
Натисни
отгоре и виж! |
 |
В следващия пример ще видите нещо наистина много впечетляващо- в момента
на отваряне на нов прозорец ще се създаде и нов 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>
|
|
Натисни
отгоре и виж! |
 |
Виждате,
че във функцията 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>
|
|
Натисни
отгоре и виж! |
 |
|
|