Hast du auch schon darueber gestaunt? Auf manchen Seiten erscheinen solche
netten "Popup-Fensters", und zwar ohne stoerende Schaltflaeche und in
handlicher Groesser. Manchmal findest du hier eine Grafik vor. In vielen
Faellen stehen hier aber auch komplette HTML-Dokumente.
你是不是感到惊奇？有些网页上常‘弹出’好看的小窗口，没有烦人的菜单，大小
也可随意变化。有时里面只有图案，可也有时包括整个HTML文件。
Syntax fuer ein JavaScript-Fenster
生成JavaScript窗口的文法
Beim Erstellen solch eines Fensters hilft dir die open()-Methode des
window-Objekts, und zwar window.open().
生成这样的窗口需要window这个事物的open()方法。也就是说window.open().
Schreib das Ganze jedoch in folgender Syntax:
window.open("Inhalt","Name","height=Pixel,width=Pixel,left=Pixel,top=Pixel")
整个文法是这样的：
window.open("Inhalt","Name","height=Pixel,width=Pixel,left=Pixel,top=Pixel")
Mit Inhalt meine ich die anzuzeigende Seite bzw. Grafik. Der Name kann
frei gewaehlt werden, er ist fuer unsere Zwecke nicht von Bebeutung. Die
Anweisungen height und width legen die Hoehe und Breite des Fensters
fest. Mit Left und top definierst du dagegen den Abstand vom oberen
und rechten Bildschirmrand. Du kannst left und top auch weglassen.
窗口的内容可以指一个整个的网页或是一个图案。窗口的名字可任意选择，这里不是
我们主要需要说的。height和width的规定决定了要产生的窗口的高度和宽度，left
和top则决定了此窗口与屏幕的左或右的距离，你也可不管这个距离。
Beachte die Setzung der Kommas und Gaensefuesschen, die ist hierbei
ganz entscheidend.
注意逗号和引号的位置，在这儿它们的作用是很重要的。
Schau einfach die folgende Quellcode an:
请看下面的源码：
<html>
<head>
<title>Funktion mit Parameteruebergabe</title>
<script language="JavaScript" tpye="text/javascript">
<!--
function fenster1() {
var win;
win=window.open("herman.jpg","Herman","height=368,width=250");
}
function fenster2() {
var win;
win=window.open("d_javascript_index.htm","Index","height=400,width=300,left=300,top=150,resizable=yes,scrollbars=yes");
win.setTimeout("window.close()",20000);
}
//-->
</script>
</head>
<body>
<center>
<a href="javascript:fenster1()">图片</a>
</center>
<center>
<a href="javascript:fenster2()">网页</a>
</center>
</body>
</html>
把上面的HTML完整源码存为d_fenster00.htm，试试看！
让我们看下面的源码：
1： <a href="javascript:fenster1()">图片</a>
2： <a href="javascript:fenster2()">网页</a>
function fenster1() {
var win;
1a：win=window.open("herman.jpg","Herman","height=368,width=250");
}
function fenster2() {
var win;
2a：win=window.open("d_javascript_index.htm","Index","height=400,width=300,left=300,top=150,resizable=yes,scrollbars=yes");
2b：win.setTimeout("window.close()",20000);
}
当我们敲一下
第1行 ：图片’这个链接时，
第1a行：函数fenster1启动，生成名为‘Herman’的高368宽250度窗口，内容是：herman.jpg的图片。
当我们敲一下
第2行 ：网页’这个链接时，
第2a行：函数fenster2启动，生成高400，宽300，距左300，距上150的窗口，可改变大小，有滚动条，
名为：Index，内容为：整个d_javascript_index.htm这个页。
第2b行：这个生成的窗口将在20秒内自动关闭。
规定窗口其它特征的参数如下：
toolbar=yes/no
location=yes/no
directories=yes/no
status=yes/no
menubar=yes/no
scrollbars=yes/no
resizable=yes/no
copyhistory=yes/no
练习：给新窗口加以上的特征参数
下一章，练习window.close()方法。
|